Javascript JCarousel JQuery插件,需要一些帮助
“下一步”按钮是启用的,即使旋转木马中没有项目,它似乎认为它有无限的项目,因为当我单击“下一步”时,它实际上会滚动 当转盘中没有项目时,我想禁用“下一步” 顺便说一句,当旋转木马中有物品时,旋转木马可以完美工作! 我完全没有使用JQuery的经验,只有一些javascript 这就是我所拥有的: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(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
,则可以再次启用或禁用下一个和上一个“按钮”