jQuery.js之前的Bootstrap.js

时间:2016-07-20 02:25:46

标签: jquery twitter-bootstrap carousel accordion

在我的页面上,我有jQuery手风琴和Bootstrap旋转木马。我在bootstrap.js之前包含了jQuery.js。在这种情况下,手风琴将不起作用。

如果我在jQuery.js之前使用bootstrap.js,手风琴将会工作,但旋转木马将无法工作(这是因为没有加载jQuery)。

我已经看过:Bootstrap.js has to load before jQuery但事实并非如此。

据我所知,在bootstrap.js之前加载jQuery.js是正确的选择,但那我将如何使手风琴工作呢?

1 个答案:

答案 0 :(得分:0)

有两个jquery库:

1。芯

2。 UI

因此,订单是:

  1. 加载jquery.min.js(核心)
  2. 然后:

    1. 导入bootstrap.min.js(您有旋转木马的地方)
    2. 然后,

      1. jquery.ui.js(UI)(你手风琴的地方)
      2. 无论如何,我们建议在文档准备好时包装所有代码:

         $(function(){
        
             // All your code here
        
         })
        

        试试这个并告诉我们:

            <link rel="stylesheet" href="https://code.jquery.com/ui/jquery-ui-git.css" media="screen" title="no title" charset="utf-8">
            <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" media="screen" title="no title" charset="utf-8">
        
        
           <script src="https://code.jquery.com/jquery-2.2.1.min.js"
                      integrity="sha256-cCueBR6CsyA4/9szpPfrX3s49M9vUU5BgtiJj06wt/s="
                      crossorigin="anonymous"></script>
            <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" type="text/javascript"></script>
            <script  src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js"
                      integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E="
                      crossorigin="anonymous"></script>