Jquery jCarouselLite不';与引导一起使用时不起作用
我正在尝试将jCarouselLite用于内容滑块,它在没有引导的情况下运行良好。Jquery jCarouselLite不';与引导一起使用时不起作用,jquery,html,css,twitter-bootstrap,jcarousellite,Jquery,Html,Css,Twitter Bootstrap,Jcarousellite,我正在尝试将jCarouselLite用于内容滑块,它在没有引导的情况下运行良好。 我认为jQuery肯定与引导程序发生了冲突 <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jcarousellite_1.0.1.min.js"></script> <div class="jCarouselL
我认为jQuery肯定与引导程序发生了冲突
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jcarousellite_1.0.1.min.js"></script>
<div class="jCarouselLite">
<ul>
<li>
<img src="img/aboutus_slider (1).png" alt="" width="195" height="350">
</li>
<li>
<img src="img/aboutus_slider (2).png" alt="" width="195" height="350">
</li>
</ul>
</div>
<script type="text/javascript">
$(".jCarouselLite").jCarouselLite({
auto: 800,
speed: 2500,
visible: 6
});
</script>
-
-
$(“.jCarouselLite”).jCarouselLite({
汽车:800,
速度:2500,
可见光:6
});
尝试在jquery和/或jquery.ui之后添加引导
<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
我也有同样的问题,图像似乎没有完全加载。经过一些测试,我正在使用Bootstrap3,它现在可以正常工作了。尝试移动jQuery旁边的jCarouselLite:
<script src="https://code.jquery.com/jquery.js"></script>
<script src="js/jcarousellite.min.js"></script>
<script>
$(window).load(function() {
/* exclusive slide */
$(".exclusives").jCarouselLite({
btnNext: ".ex-next",
btnPrev: ".ex-prev"
});
});
</script>
<script src="js/bootstrap.min.js"></script>
希望这能对它的bootstrap-min.css有所帮助,它会发生冲突..n我试过这样的palyig,但没有效果。。我怎样才能避免这种情况?有其他选择吗
.exclusives ul li img {
margin-right: 10px;
width: 140px;
height: 180px;
}