0

I am using three javascript files: bootstrap.js,jquery.js,bootstrap-dropdown.js.I have implemented a header in every html page in my project that has a dropdown and in one html page I have implemented a modal class. Now whenever I import bootstrap.js before jquery.js the dropdown works but the modal class doesn't and when I do the reverse the modal works but the dropdown does not.

The list of js files in sequence i have used:

<script src="@{'/public/javascripts/bootstrap.js'}" type="text/javascript" charset="${_response_encoding}"></script>
<script src="@{'/public/javascripts/jquery.js'}" type="text/javascript" charset="${_response_encoding}"></script>

<script src="@{'/public/javascripts/sessvars.js'}" type="text/javascript" charset="${_response_encoding}"></script>

<script src="@{'/public/javascripts/jquery-ui-1.7.2.custom.min.js'}" type="text/javascript" charset="${_response_encoding}"></script>
<script src="@{'/public/javascripts/sessvars.js'}" type="text/javascript" charset="${_response_encoding}"></script>
<script src="@{'/public/javascripts/bootstrap-dropdown.js'}" type="text/javascript" charset="${_response_encoding}"></script>
4

1 に答える 1

3

ブートストラップは jquery に依存するため、ブートストラップの前に jquery スクリプトを宣言する必要があります

ドロップダウン コードは通常、bootstrap.js に含まれているため、両方の宣言は必要ありません。

それでも問題が解決しない場合は、ブラウザのエラー コンソールを開いて、何が問題なのかを確認してください

于 2012-09-11T08:36:07.577 に答える