Question

我正在尝试使用lightSlider jQuery库在Laravel应用程序中制作一个滑块。

这是我在脚本之后加载jquery文件和lightSlider文件的方式。

<body>
    ...

    <ul id="lightSlider">
        <li>
            <h3>First Slide</h3>
            <p>Lorem ipsum Cupidatat quis pariatur anim.</p>
        </li>
        <li>
            <h3>Second Slide</h3>
            <p>Lorem ipsum Excepteur amet adipisicing fugiat velit nisi.</p>
        </li>
    </ul>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
    <script src="{{ asset('js/lightslider.js') }}"></script>

    <script>
        $(document).ready(function() {
            $("#lightSlider").lightSlider();
        });
    </script> 
</body>

但是在控制台中，它返回警告：

jQuery.Deferred exception: $(...).lightSlider is not a function TypeError: $(...).lightSlider is not a function

错误：

Uncaught TypeError: $(...).lightSlider is not a function

有人知道出什么事了吗？由于找不到问题，我在加载库之前先加载jquery。

TypeError：$（...）。lightSlider不是函数

0 个答案: