Jquery jCarouselLite未在div上设置宽度和左侧值
jCarouselLite未在div上设置width和left值。此外,在firebug中,div和ul变灰,尽管div具有:Jquery jCarouselLite未在div上设置宽度和左侧值,jquery,jquery-ui,Jquery,Jquery Ui,jCarouselLite未在div上设置width和left值。此外,在firebug中,div和ul变灰,尽管div具有: visibility: visible; 顺便提一下,ul和后续li上的宽度和高度属性设置为0。jCarouselLite不应该设置这些吗 图像正在加载到DOM中,但未显示。这是由CSS规则导致的,该规则将containing设置为display:none 一旦我删除了它,插件就正确地计算了值。但是当页面中的元素需要在开始时隐藏时该怎么办 我使用了下面的技巧,以显示的
visibility: visible;
顺便提一下,ul和后续li上的宽度和高度属性设置为0。jCarouselLite不应该设置这些吗
图像正在加载到DOM中,但未显示。这是由CSS规则导致的,该规则将containing
设置为display:none
一旦我删除了它,插件就正确地计算了值。但是当页面中的元素需要在开始时隐藏时该怎么办 我使用了下面的技巧,以显示的元素开始页面,这样插件就能够计算出它的位置,但超出了屏幕,所以使用过的插件看不到它
<script type="text/javascript">
$('#myElement').animate({left: '-=5000px'}, 0);
</script>
$('#myElement')。动画({left:'-=5000px'},0);
这个技巧还解决了jquery谷歌地图插件的绘图问题
也许我的问题在于我没有在正确的时间或正确的地点调用我的代码。。。不管怎样,多亏了那个老把戏,它终于起作用了 我最初将container元素设置为“display:none”,并使用jQuery的slideToggle函数来显示隐藏的元素。在slideToggle函数调用中,我只是将jCarouselLite调用。这就是我所说的,它工作正常:
$("#Gallery").slideToggle("slow", function () {
if (!carouselLoaded) {
$(".carousel").jCarouselLite({
btnNext: ".next",
btnPrev: ".prev",
circular: true,
visible: 1
});
carouselLoaded = true;
}
});
布尔标志用于在容器重新隐藏和显示后阻止jCarouselLite再次加载。在jquery.jCarouselLite.js文件中修改div.css(sizeCss,divSize+“px”)代码>到
div.css(sizeCss,“100%”)代码>
或任何要硬设置的像素
此外,您可以通过配置设置要显示的编号项目可见:5
例如:
<script type="text/javascript">
$(function() {
$(".auto .carousel").jCarouselLite({
auto: 1000,
speed: 4000,
visible: 5
});
});
</script>
$(函数(){
$(“.auto.carousel”).jCarouselLite({
汽车:1000,
速度:4000,
可见光:5
});
});