Question

我有一个页面，其中有一个滑块，显示某个类别的帖子。当用户点击“下一个类别”时，内容会向左移动，新内容会随着它的滑块一起加载。

这个.load（）正在使用不同的参数向同一页面发出请求（不知道这是否与问题相关）。

问题是，加载的滑块不起作用。您可以看到它here，点击右上角的箭头，您就会看到我的问题。

这是我正在使用的脚本：

function carousels(){
  if ($("#projectos-carousel").length) {
    $("#projectos-carousel").carouFredSel({
      items: { visible: 5 },
      circular: false,
      infinite: false,
      auto: false,
      prev: { button    : "#prev-proj" },
      next: { button    : "#next-proj" },
      pagination    : "#pager-proj",
    });
  }
}

...

$('.right-trigger').click(function () {
  var toLoad = $(this).attr('href')+' #container';
  $('#container').attr('id','to-go');
  $('#to-go').css({'position': 'absolute'});
  $('#wrapper').append('<div id="newcontainer"/>');
  $('#newcontainer').load(toLoad, function () {
    $('#newcontainer').append($('#container').children()).css({'position': 'absolute', 'left': '942px'});
    $('#to-go, #newcontainer').animate({left:'-=937'},600, function () {
      $('#to-go').remove();
    });
    $('#container').remove();
    $('#newcontainer').attr('id','container');
    searchform();
    triggers();
    carousels();
  });
  return false;
});

searchform（）和triggers（）函数可以工作但不能轮播（）。我已经尝试过使用setTimeout（）;在代码的最后部分使用carousels（），但它仅适用于此example，而不是我真正想要的地方。

感谢您的时间！

Answer 1

它似乎对我有用。我在您的代码中看到的一个问题是，它将在Internet Explorer中显示为一个错误：您在此行中有一个逗号：

pagination    : "#pager-proj",

删除逗号可能会为您解决所有问题。另外，我建议用单引号或双引号包装所有对象属性。例如，前一行将变为：

"pagination": "#pager-proj"

.load（）不喜欢我的滑块

1 个答案: