向这个javascript幻灯片组添加链接的正确方法是什么?
在我添加图像周围的链接之前,以下代码一直有效。它的工作原理是删除链接,并删除js和css中“slideshow img”之间的“a” 在标题中:向这个javascript幻灯片组添加链接的正确方法是什么?,javascript,jquery,Javascript,Jquery,在我添加图像周围的链接之前,以下代码一直有效。它的工作原理是删除链接,并删除js和css中“slideshow img”之间的“a” 在标题中: .next()检索页面中的下一个同级,而不是原始调用返回的jQuery集中的下一项,也不是页面中的下一个链接。您可以只遍历jQuery集(就像遍历数组一样),或者使用.each()而不是next(),或者可以使用Black Ship的方法来遵循DOM层次结构。我修复了您的代码,它成功了。它出现错误,因为您的jquery选择器不正确 换行 var $ne
.next()检索页面中的下一个同级,而不是原始调用返回的jQuery集中的下一项,也不是页面中的下一个
链接。您可以只遍历jQuery集(就像遍历数组一样),或者使用.each()而不是next(),或者可以使用Black Ship的方法来遵循DOM层次结构。我修复了您的代码,它成功了。它出现错误,因为您的jquery选择器不正确
换行
var $next = $active.next().length ? $active.next()
: $('#slideshow a img:first');
对此
var $next = $active.parent().next().children("img").length ? $active.parent().next().children("img")
: $('#slideshow a img:first');
希望你觉得这个有用 谢谢你的意见。它似乎与.next()一起工作。在我做了Black Ships建议的更改后,您是否建议我将其更改为.each()?Black Ship的建议对于您尝试执行的操作非常有效。
#slideshow, #sub_slideshow {
position:relative;
height:432px;
width: 948px;
display: block;
margin: 0;
padding: 0;
float: right;
}
#slideshow a img, #sub_slideshow a img {
position:absolute;
top:0;
left:0;
z-index:8;
opacity:0.0;
}
#slideshow a img.active, #sub_slideshow a img.active {
z-index:10;
opacity:1.0;
}
#slideshow a img.last-active , #sub_slideshow a img.last-active {
z-index:9;
}
var $next = $active.next().length ? $active.next()
: $('#slideshow a img:first');
var $next = $active.parent().next().children("img").length ? $active.parent().next().children("img")
: $('#slideshow a img:first');