Question

如果你看一下这支笔：http://codepen.io/LukeD1uk/pen/LEKBa你会看到我的滑块正在加载所有LI的最后UL并在每个滑块中显示它们。显然它不应该这样做;有谁知道什么了？

Answer 1

你正抓住最后一个孩子，并在前面加上

$('.slider ul li:last-child').prependTo('.slider ul');

删除CodePen中的第19行并添加如下所示的e.preventDefault（）以防止页面跳到顶部

$('a.control_prev').click(function (e) {
  e.preventDefault();
    moveLeft($(this).parent());
});

$('a.control_next').click(function (e) {
  e.preventDefault();
    moveRight($(this).parent());
});

Answer 2

我在发布的与此问题相关的其他问题上回答了这个问题。

此：

$('#slider ul li:last-child').prependTo('#slider ul');

成为这个

$('.slider').each(function(slider){
  slider = $(slider);
  slider.find('ul li:last-child').prependTo(slider.find('ul'));
});

原始问题：Multiple sliders, buttons controlling all sliders

多个图像滑块加载图像错误

2 个答案: