0

我正在尝试将 jCarouselLite 用于内容滑块,它可以在没有 Bootstrap 的情况下正常工作。
我认为 jQuery 必须与 Bootstrap 发生冲突。

<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>
4

2 回答 2

0

我有同样的问题,图像似乎没有完全加载。经过一些测试后,我正在使用 Bootstrap 3,它现在可以正常工作了。尝试将 jCarouselLite 移动到 jQuery 附近:

<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>

并在您的样式表中提供图像的宽度和高度:

.exclusives ul li img {
    margin-right: 10px;
    width: 140px;
    height: 180px;
}

希望这可以帮助

于 2014-02-18T02:03:27.403 回答
0

尝试在 jquery 和/或 jquery.ui 之后添加引导程序

<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
于 2013-09-01T07:51:43.327 回答