Javascript JS:data href中指定的链接在旋转木马中不起作用
我有一个旋转木马:。我正在尝试找出如何将作为主图像显示的每个图像链接到其自己的页面,例如:Javascript JS:data href中指定的链接在旋转木马中不起作用,javascript,jquery,carousel,Javascript,Jquery,Carousel,我有一个旋转木马:。我正在尝试找出如何将作为主图像显示的每个图像链接到其自己的页面,例如: 当我点击马车的图像时,它会进入wagon.com 当我点击传家宝照片的图像时,它会转到 传家宝网 当我点击woolly的图片时,它会进入woolly.com,等等 <li> <a href="https://upload.wikimedia.org/wikipedia/commons/e/e9/Baker's-van-r.jpg"&g
- 当我点击马车的图像时,它会进入wagon.com
- 当我点击传家宝照片的图像时,它会转到 传家宝网
- 当我点击woolly的图片时,它会进入woolly.com,等等
<li> <a href="https://upload.wikimedia.org/wikipedia/commons/e/e9/Baker's-van-r.jpg"></a> <a data-href="www.wagon.com"></a> <div class="block"> <h2>Wagon wins again</h2> </div> </li> <li> <a href="https://s-media-cache-ak0.pinimg.com/736x/00/60/ff/0060ff20d110050c0e350c55f7c7f3be.jpg"></a> <a data-href="www.heirloom.com"></a> <div class="block"> <h2>Heirloom Scareloom</h2> </div> </li> <li> <a href="https://upload.wikimedia.org/wikipedia/commons/7/79/Mammuthus_trogontherii122DB.jpg"></a> <a data-href="www.woollies.com"></a> <div class="block"> <h2>The Original Wollies</h2><br> </div> </li>
但是,链接不会转到指定的页面。如果您能就如何处理此问题提供任何指导,我们将不胜感激。我哪里做错了?好的-试试这个-不确定这是否是解决方案:但它似乎在小提琴中起作用。我可能会建议您重新考虑主图像部分的结构(它似乎有点混乱和混乱),但我认为问题是您在设置imgLink时使用了错误的“a”。它是第二个(或最后一个)具有数据href而不是第一个 尝试将其与以下内容交换:var imgLink = $(nextImage).find('a:last').attr("data-href"); // Get Main Image URL
现在,当图像在序列中循环时,这似乎为图像添加了一个不断变化的href。另外-尝试为HREF使用完整(绝对路径)-我刚刚输入“”,然后单击图像将我带出小提琴页面。确定-尝试此方法-不确定这是否是解决方案:但它似乎在小提琴中起作用。我可能会建议您重新考虑主图像部分的结构(它似乎有点混乱和混乱),但我认为问题是您在设置imgLink时使用了错误的“a”。它是第二个(或最后一个)具有数据href而不是第一个 尝试将其与以下内容交换:
现在,当图像在序列中循环时,这似乎为图像添加了一个不断变化的href。另外-尝试为HREF使用完整(绝对路径)-我刚刚输入“”,然后单击图像将我带出小提琴页面。检查此项var imgLink = $(nextImage).find('a:last').attr("data-href"); // Get Main Image URL
检查这个var imgLink = $(this).find('a:last').attr("data-href"); // Get Main Image URL
var imgLink = $(this).find('a:last').attr("data-href"); // Get Main Image URL
我还发现你的小提琴有问题,你一直在请求图像。一旦你拥有了所有的图片,为什么不重新使用呢。。如果你打开“网络”选项卡,你可以看到请求。因此,我发现你的小提琴有问题,你一直在请求图像。一旦你拥有了所有的图片,为什么不重新使用呢。。如果打开“网络”选项卡,您可以看到请求。谢谢,这很有效。虽然我不明白如果指定了attr(“data href”),为什么不能选择正确的“a”(不指定:last)。另外,我同意主图像部分很混乱,很快就会清理干净。很高兴能帮忙-很抱歉我是个笨蛋。很好,恕我直言,谢谢你的帮助。我的头晕也整理好了。是的,谢谢,这很有效。虽然我不明白如果指定了attr(“data href”),为什么不能选择正确的“a”(不指定:last)。另外,我同意主图像部分很混乱,很快就会清理干净。很高兴能帮忙-很抱歉我是个笨蛋。很好,恕我直言,谢谢你的帮助。把我的头晕也整理好了。