Javascript JCarousel JQuery插件,需要一些帮助

Javascript JCarousel JQuery插件,需要一些帮助,javascript,jquery,html,jquery-plugins,Javascript,Jquery,Html,Jquery Plugins,“下一步”按钮是启用的,即使旋转木马中没有项目,它似乎认为它有无限的项目,因为当我单击“下一步”时,它实际上会滚动 当转盘中没有项目时,我想禁用“下一步” 顺便说一句,当旋转木马中有物品时,旋转木马可以完美工作! 我完全没有使用JQuery的经验,只有一些javascript 这就是我所拥有的: jQuery(document).ready(function() { jQuery('#mycarousel').jcarousel({ scroll:4 }); }

“下一步”按钮是启用的,即使旋转木马中没有项目,它似乎认为它有无限的项目,因为当我单击“下一步”时,它实际上会滚动

当转盘中没有项目时,我想禁用“下一步”

顺便说一句,当旋转木马中有物品时,旋转木马可以完美工作! 我完全没有使用JQuery的经验,只有一些javascript

这就是我所拥有的:

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        scroll:4

    });
});
我想我应该以某种方式使用initCallback,但正如我所说的,我根本没有JQuery的经验。顺便说一句,我想,如何设置它们

希望有人能帮助我


谢谢

我在你的其他问题中没有问这个问题,但我现在会问-如果没有广告暗示你有一个完全空的
ul
,那么为什么连
ul
都有,为什么还要打电话给jcarousel呢

我有一个想法,你这样做是为了版面的一致性,如果是这样的话,那好吧,但是你不应该为你的广告框设置一些默认内容吗?否则你会得到一个控件和一个空白div,我无法想象它看起来“很好”

我可以用任何一种方法帮助你,但我想给出一个很好的解决方案,这可能是你真正想要的解决方案,也可能不是;-)

例如,如果没有广告,要完全控制jcarousel调用,您可以执行以下操作:

$(document).ready(function(){
  var carouselList = $('#my-ad-carousel li');
  if(carouselList.length > 0) {
    carouselList.jcarousel({scroll: 4});
  }
});

or replace it with a single default ad:

$(document).ready(function(){
  var carouselList = $('#my-ad-carousel li');
  if(carouselList.length > 0) {
    carouselList.jcarousel({scroll: 4});
  }
  else{
    carouselList.replaceWith('<img src="/path/to/some/image" />");
  }

});
$(文档).ready(函数(){
var carouselList=$(“#我的广告carousel li”);
如果(carouselList.length>0){
carouselList.jcarousel({scroll:4});
}
});
或将其替换为单个默认广告:
$(文档).ready(函数(){
var carouselList=$(“#我的广告carousel li”);
如果(carouselList.length>0){
carouselList.jcarousel({scroll:4});
}
否则{
旋转木马。替换为(“”);
}
});

这完全取决于实际情况,但我不确定简单地显示完全禁用的arousel是否是一个好方法。

我相信你是正确的,
initCallback
就是你想要的。你需要做一些测试,看看列表中是否有任何项目,比如:

initCallback: function(carousel, state){
    if($(carousel).find('li').length == 0){
       $('#next').attr('disabled', true);
    }else{
       $('#next').attr('disabled', false);
    }
}
您可能还想查看
按钮下一个回调
按钮前一个回调
旋转木马函数,如果当前
li
分别是
:last
:first
,则可以再次启用或禁用下一个和上一个“按钮”