0
내 프로젝트에는 jCarousel을 사용합니다. 페이지에 3 개 이상의 슬라이더가 필요합니다. 하지만 페이지에서 하나의 슬라이더 만 있으면 제대로 작동합니다. JS 스크립트로 마술을 시도했지만 도움이되지 않습니다.jCarusel 페이지 당 더 많은 슬라이더
<h3>My Queue</h3>
<div id="myque" class="jcarousel-wrapper">
<div id="myque" class="jcarousel" data-jcarousel="true">
<ul id="myque" style="left: -100px; top: 0px;">
<li><img src="slides/img1.jpg" alt="Image 1"><h4><a href="#">Titlu nr.1</a></h4></li>
<li><img src="slides/img2.jpg" alt="Image 2"><h4><a href="#">Titlu numarul 1</a></h4></li>
<li><img src="slides/img3.jpg" alt="Image 3"><h4><a href="#">Numărul trei</a></h4></li>
<li><img src="slides/img4.jpg" alt="Image 4"><h4><a href="#">Încercarea patru</a></h4></li>
<li><img src="slides/img5.jpg" alt="Image 5"><h4><a href="#">5</a></h4></li>
<li><img src="slides/img6.jpg" alt="Image 6"><h4><a href="#">Șase</a></h4></li>
</ul>
</div>
<a id="myque" href="#" class="jcarousel-control-prev" data-jcarouselcontrol="true">
<i class="glyphicon glyphicon-chevron-left"></i>
</a>
<a id="myque" href="#" class="jcarousel-control-next" data-jcarouselcontrol="true">
<i class="glyphicon glyphicon-chevron-right"></i>
</a>
</div>
<h3>Feature topic: <b>Labor Day</b></h3>
<div id="feature" class="jcarousel-wrapper">
<div id="feature" class="jcarousel" data-jcarousel="true">
<ul id="feature" style="left: -100px; top: 0px;">
<li><img src="slides/img1.jpg" alt="Image 1"><h4><a href="#">Titlu nr.1</a></h4></li>
<li><img src="slides/img2.jpg" alt="Image 2"><h4><a href="#">Titlu numarul 1</a></h4></li>
<li><img src="slides/img3.jpg" alt="Image 3"><h4><a href="#">Numărul trei</a></h4></li>
<li><img src="slides/img4.jpg" alt="Image 4"><h4><a href="#">Încercarea patru</a></h4></li>
<li><img src="slides/img5.jpg" alt="Image 5"><h4><a href="#">5</a></h4></li>
<li><img src="slides/img6.jpg" alt="Image 6"><h4><a href="#">Șase</a></h4></li>
</ul>
</div>
<a id="feature" href="#" class="jcarousel-control-prev" data-jcarouselcontrol="true">
<i class="glyphicon glyphicon-chevron-left"></i>
</a>
<a id="feature" href="#" class="jcarousel-control-next" data-jcarouselcontrol="true">
<i class="glyphicon glyphicon-chevron-right"></i>
</a>
</div>
</div>
내가 각 사업부, #feature 및 #myque에 ID를 추가 :
내 슬라이더 코드를 봐. 그럼 내가이 JS 코드를 시도 :
<script type="text/javascript">
$(document).ready(function() {
$('#feature').jcarousel();
$('#myque').jcarousel();
});
</script>
하지만 도움이되지 않습니다. 슬라이더의 아무도 그들이 함께있을 때 작동하지 않습니다.
합리적인 사이트 :http://sorgalla.com/jcarousel/examples/ 슬라이더의 곱셈에 대해서는 아무 것도 말하지 않습니다. 내가 도와 줄 수 있으면 파일을 게시 할 수 있습니다.