I'm trying to set up a JCarousel instance with the wrap set to circular, however, I noticed an issue where I "inspect element" in Chrome, duplicate <li>
elements are added to the html when the slides repeat (it can be viewed on the official example page).
http://sorgalla.com/projects/jcarousel/examples/static_circular.html
I know this is an open bug on GitHub. I'm just wondering if anyone has found a temporary w开发者_如何学编程orkaround.
i solve it with giving the li items explicit width and height in the css
.jcarousel-item {width:200px;height:200px;}
I had the same bug before, and didn't see any helpful comments, so I thought I'd suggest a "better" plugin. Try jQuery Cycle Plugin. Worked for me!
I won infinite duplicating <li>
Just add style
.jcarousel-clip {width:198px; height:130px;}
in the jcarousellite script file change the circular: true, to false or add this parameter to your script as below
$(".class").jCarouselLite({circular: false});
精彩评论