Javascript .load()不';我不喜欢我的滑球

Javascript .load()不';我不喜欢我的滑球,javascript,jquery,ajax,Javascript,Jquery,Ajax,我有一个页面,上面有一个滑块,显示某个类别的帖子。当用户单击“下一个类别”时,内容将向左移动,新内容将与其滑块一起加载 This.load()使用不同的参数向同一页发出请求(不知道这是否与问题相关) 问题是,加载的滑块不工作。你可以看到它,点击右上箭头,你会看到我的问题 这是我正在使用的脚本: function carousels(){ if ($("#projectos-carousel").length) { $("#projectos-carousel").carouFredS

我有一个页面,上面有一个滑块,显示某个类别的帖子。当用户单击“下一个类别”时,内容将向左移动,新内容将与其滑块一起加载

This.load()使用不同的参数向同一页发出请求(不知道这是否与问题相关)

问题是,加载的滑块不工作。你可以看到它,点击右上箭头,你会看到我的问题

这是我正在使用的脚本:

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;
});
功能转盘(){
if($(“#项目转盘”).长度){
$(“#项目旋转木马”)。旋转木马({
项目:{可见:5},
通告:错,,
无限:错,
汽车:错,
prev:{按钮:#prev proj},
下一步:{按钮:#下一步项目},
分页:“寻呼机项目”,
});
}
}
...
$('.right trigger')。单击(函数(){
var toLoad=$(this.attr('href')+'#container';
$('#container').attr('id','to-go');
$('togo').css({'position':'absolute'});
$('#包装器')。附加('');
$('#newcontainer').load(toLoad,function(){
$('newcontainer').append($('newcontainer').children()).css({'position':'absolute','left':'942px');
$('to go,#newcontainer')。动画({left:'-=937'},600,函数(){
$('to go')。删除();
});
$(“#容器”).remove();
$('newcontainer').attr('id','container');
searchform();
触发器();
转盘();
});
返回false;
});
searchform()和triggers()函数起作用,但carousels()不起作用。我已经尝试使用setTimeout();代码的最后一部分使用了carousels(),但它只适用于此,而不是我真正想要的地方


谢谢你抽出时间

它似乎对我有用。我在您的代码中看到的一个问题将在Internet Explorer中显示为一个bug,即在这一行后面有一个逗号:

pagination    : "#pager-proj",
删除逗号可能会为您解决所有问题。此外,我建议将所有对象属性用单引号或双引号括起来。例如,前一行将变成:

"pagination": "#pager-proj"

这就是“我真的不知道这是否与问题有关”。请求是“projectos.php?catProj=1”。在
carousels
函数中,将其添加为第一行
警报($(“#projectos carousel”).length)并发布结果。与问题无关,但与建议相关。页面第一次加载时会变慢。底部(滑块)上的图像从更高的分辨率缩小到162x260。可能会使这些图像的大小适合那里。此外,大图像的分辨率太高(有些像1MB),尝试保存为JPG,比如90%的质量,可能会使它们更小,页面加载速度更快(通常质量没有明显差异)。只是建议。@leo.vingi结果总是1,即使它不起作用。@Rodolfo是的,你是对的。谢谢。你说这对你有用,这很奇怪。这里没有。您是否单击了右上箭头(白色箭头)?