jquery - 读取 src 属性生成 href

Question

我正在使用一个名为 nyromodal 的灯箱，我在一些缩略图图像上手动调用它以打开更大的图像。

代码：

    onclickActiveItem: function (item) {
    $('img.active').click(function(e) {
    e.preventDefault();
    $.nyroModalManual({
     url: 'image.jpg'
   });
   return false;
    });

我不想为每个图像输入 url（如“image.jpg”），并且想要一个函数来读取 src 并将其转换为上述代码中的 href。我在想这样的事情，但我无法找到一种方法让它在我拥有的代码中工作。

  $('img.active').click(function(e) {
    e.preventDefault();
 var nyro = element.getAttribute('src');
 element.setAttribute('href', nyro);
    $.nyroModalManual({
     url: 'nyro'
   });
   return false;
    });

目前它只会在新页面中打开 src 图像。我将不胜感激任何帮助 ！我是新手，所以要温柔......

麦克风

Answer 1

在我看来，您设置的 url 不正确并且 javascript 失败了。

尝试

    $('.nyroclickable').click(function(e) {
       $.nyroModalManual({
           url: this.src;
       });
       return false;
    });

并将“nyroclickable”类应用于您的图像