2017-04-23 14 views
1

Vueを使用するためにlaravel app.jsを追加しましたが、現在のTwitter Bootstrapのドロップダウンが機能しません。app.jsを含む後にブートストラップのjavascriptが動作しないLaravel

<script type="text/javascript" src="{!! asset('js/app.js') !!}"></script> 
    <script type="text/javascript" src="{!! asset('assets/js/core/libraries/jquery.min.js') !!}"></script> 
    <script type="text/javascript" src="{!! asset('assets/js/core/libraries/bootstrap.min.js') !!}"></script> 
    <script type="text/javascript" src="{!! asset('assets/js/plugins/loaders/pace.min.js') !!}"></script> 
    <script type="text/javascript" src="{!! asset('assets/js/plugins/loaders/blockui.min.js') !!}"></script> 
    <script type="text/javascript" src="{!! asset('assets/js/plugins/ui/nicescroll.min.js') !!}"></script> 
    <script type="text/javascript" src="{!! asset('assets/js/plugins/ui/drilldown.js') !!}"></script> 

    <script type="text/javascript" src="{!! asset('assets/js/core/app.js') !!}"></script> 

最初のスクリプト(Laravelのapp.js)を削除するとすぐに、ドロップダウンが正常に機能しています。

+1

あなたの質問は明確ではありません。あなたはドロップダウンのためのブートストラップを使用していますか、またはvueを使用してドロップダウンを設定していますか? – imrealashu

+0

@imrealashu私は、ブートストラップを使ってドロップダウンを行っています。今私はVueを使ってドロップダウンに関係のないコンポーネントを作成したいと思いますが、app.jsを含むとすぐにブートストラップのドロップダウンが機能しなくなりました – Michael

答えて

1

LaravelのデフォルトnpmパッケージにはすでにTwitter Bootstrap JavaScriptが含まれています。今度は、同じコードを2回実行しています。エラーが発生してドロップダウンが解除される可能性がありますが、他のすべてのJavaScriptもページ上に表示されます。

+1

You'r right! ''を削除した後、正常に動作します。ありがとう! – Michael

+0

Laravelの含まれているboostrapを削除したい他の人のために、boostrap.jsの行があります(Twitterのboostrapには関係ありません)。それには – Michael

+0

あなたは私のヒーローです – raqulka

関連する問題