Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/367.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/three.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
向这个javascript幻灯片组添加链接的正确方法是什么?_Javascript_Jquery - Fatal编程技术网

向这个javascript幻灯片组添加链接的正确方法是什么?

向这个javascript幻灯片组添加链接的正确方法是什么?,javascript,jquery,Javascript,Jquery,在我添加图像周围的链接之前,以下代码一直有效。它的工作原理是删除链接,并删除js和css中“slideshow img”之间的“a” 在标题中: .next()检索页面中的下一个同级,而不是原始调用返回的jQuery集中的下一项,也不是页面中的下一个链接。您可以只遍历jQuery集(就像遍历数组一样),或者使用.each()而不是next(),或者可以使用Black Ship的方法来遵循DOM层次结构。我修复了您的代码,它成功了。它出现错误,因为您的jquery选择器不正确 换行 var $ne

在我添加图像周围的链接之前,以下代码一直有效。它的工作原理是删除链接,并删除js和css中“slideshow img”之间的“a”

在标题中:
.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');