为什么在My Laravel应用程序中没有使用此滑块

时间:2016-12-17 06:22:09

标签: php jquery css laravel-5

我需要将此示例滑块添加到My Laravel项目http://wpandsuch.com/posts/jquery-logo-slider-ticker/

我将此添加到我的刀片文件中

<head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">

        <meta name="description" content="jQuery Logo Slider Ticker by webdesignandsuch.com">
        <meta name="viewport" content="width=device-width, initial-scale=1">


        <script src="{{('http://code.jquery.com/jquery-latest.js')}}"></script>
        <script src="{{asset('js/jquery.bxSlider.js')}}"></script>
        <script type="text/javascript">
        $(document).ready(function(){
            $('#slider').bxSlider({
            ticker: true,
            tickerSpeed: 5000,
            tickerHover: true
        });
        });
        </script>

        <link href="{{asset('css/style.css')}}" rel="stylesheet">
</head>

<div class="slider-container">

    <ul id="slider">
        <li><a href="#"><p>kkkkkkk</p></li>
        <li><a href="#"><img src="{{asset('/imgs/2.jpg')}}"></a></li>
        <li><a href="#"><img src="{{asset('/imgs/3.jpg')}}"></a></li>
        <li><a href="#"><img src="{{asset('/imgs/4.jpg')}}"></a></li>
        <li><a href="#"><img src="{{asset('/imgs/5.jpg')}}"></a></li>
        <li><a href="#"><img src="{{asset('/imgs/6.jpg')}}"></a></li>
        <li><a href="#"><img src="{{asset('/imgs/7.jpg')}}"></a></li>
        <li><a href="#"><img src="{{asset('/imgs/8.jpg')}}"></a></li>
    </ul>

</div><!-- /slider -->

当我在这里检查crome控制台时,它显示以下错误

Failed to load resource: the server responded with a status of 404 (Not Found)
http://localhost:8000/js/ie-emulation-modes-warning.js Failed to load resource: the server responded with a status of 404 (Not Found)
http://localhost:8000/js/vendor/holder.min.js Failed to load resource: the server responded with a status of 404 (Not Found)
http://localhost:8000/js/ie10-viewport-bug-workaround.js Failed to load resource: the server responded with a status of 404 (Not Found)
http://localhost:8000/js/vendor/holder.min.js Failed to load resource: the server responded with a status of 404 (Not Found)
http://localhost:8000/js/ie10-viewport-bug-workaround.js Failed to load resource: the server responded with a status of 404 (Not Found)
(index):87 Uncaught TypeError: $(...).bxSlider is not a function
http://localhost:8000/css/ie10-viewport-bug-workaround.css Failed to load resource: the server responded with a status of 404 (Not Found)

我在公共文件夹中有js和css文件夹

但是滑块不起作用。只显示(不动)如何解决这个问题? 如何解决这个问题

更新

我正在为我的网站使用bootstrap主题。这有问题吗?

0 个答案:

没有答案