如何将css和js文件添加到Laravel项目中

时间:2016-12-15 16:32:13

标签: javascript php jquery css laravel-5

我需要在我的Laravel项目中使用JS和CSS文件。这是我的JS和CSS文件,我希望用Laravel刀片文件添加:

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>jQuery Logo Slider Ticker</title>
    <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="jquery.bxSlider.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $('#slider').bxSlider({
                ticker: true,
                tickerSpeed: 5000,
                tickerHover: true
            });
        });
    </script>

    <link href="style.css" rel="stylesheet">
</head> 

我在Laravel公共文件夹中有上面的JS和CSS文件。我在Laravel文件中添加上述脚本如下:

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

但是在我上面的Laravel应用程序中,脚本无效。怎么解决它?

0 个答案:

没有答案