JS：从当前图像中读出给定的 SRC 属性（nivo 滑块）答案

【问题标题】：JS: read out the given SRC-attribute from the current image (nivo slider)JS：从当前图像中读出给定的 SRC 属性（nivo 滑块）
【发布时间】：2013-08-25 18:22:28
【问题描述】：

我有点不习惯 javascript。

我想从当前图像（nivo 滑块）中读出给定的 SRC 属性。通过点击，href 应该会打开。

$('a', vars.controlNavEl).bind('click', function(){    
    window.location = "xxx currentImage.attr('href')";  //something like that?
});

如果有任何建议，我将不胜感激。

【问题讨论】：

标签： javascript click nivo-slider

【解决方案1】：

我觉得你的问题有点不清楚。

window.location 重定向到指定的资源，在您的情况下，重定向到通过 src 属性指定的图像资源。如果您想留在实际页面中，但像弹出窗口或类似的东西显示图像，您可以使用 jQuery 或 Bootstrap。我不知道 Nivo Slider 是否提供该功能。

【讨论】：

谢谢！我想像菜单一样使用这个导航按钮。没有新窗口，没有弹出窗口。它应该重定向到写在 Nivo-Slider 中当前显示图片的 href-Tag 中的子页面。希望这可以澄清，我想要什么？
编辑：啊，该死的。我的错！！当然，图像标签中没有“href”属性。我想在我的 html 代码中读出 -link。想想，这有点复杂......

【解决方案2】：

使用window.location，您会将用户从当前页面重定向到另一个页面
您的代码错误，您分配给window.location 的是一个字符串，而不是对图像SRC 属性的引用。

这是正确的代码（如果你想重定向）

window.location.href = currentImage.attr('src');

如果你想打开一个新窗口，你应该检查window.open方法。

【讨论】：

感谢您迄今为止的帮助。不幸的是，它对我不起作用。澄清我的问题：我希望代码像通常的链接一样工作。没有新窗口。单击导航按钮（在 Nivo-Slider 中）不应显示指定的图像，而是作为菜单按钮打开另一个子页面。这可能吗？

【解决方案3】：

我刚刚看到，我错了。图像标签中当然没有指定“href”。

所以我为解决我的问题所做的是：向我的图像添加一个 href 属性，如下所示：

<a class="imgTip1" href="soft-about.html"><img src="images/index-sliders2/soft.jpg" data-thumb="images/nivo-menu/soft.png" alt="" href="soft-about.html" title=""></a>

现在的 javascript 看起来像这样：

    $('a', vars.controlNavEl).bind('click', function(){  // NEW
            window.location = vars.currentImage.attr('href'); 
    });

到目前为止，这对我有用。

这是任何浏览器的问题吗？向 html 中的图像标签添加“href”属性？

【讨论】：

对于 HTML5，实际上您可以定义任何额外的自定义属性，以 data- 为前缀（例如 data-href="index.html"），并确保实际浏览器可以访问自定义属性。也许href 在某些浏览器中有效，但其他人可以忽略自定义标签。