2017-08-13 111 views
-1

我不是java腳本開發人員,但我使用java腳本在這裏和那裏原諒如果我的問題是顯而易見的。jquery已停止加載

我的下拉菜單停止工作,我相信它有引導做不加載的jQuery我的文件,我得到任何more.Errors:

> jquery-ui.css Failed to load resource: the server responded with a 
> status of 404 (NOT FOUND) bootstrap.min.js:6 Uncaught 
> Error: Bootstrap dropdown require Popper.js (https://popper.js.org) 
>  at bootstrap.min.js:6 
>  at bootstrap.min.js:6 
>  at bootstrap.min.js:6 jquery-ui.css Failed to load resource: the server responded with a status of 404 (NOT FOUND) 

所以這些文件我加載

 <!-- Bootstrap core JavaScript 
    ================================================== --> 
    <!-- Placed at the end of the document so the pages load faster --> 
    <script src="https://code.jquery.com/jquery-1.9.1.js"></script> 
    <script src="{{ STATIC_URL }}/static/jquery/jquery-1.9.1.js"></script> 
    <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
    <script src="{{ STATIC_URL }}/static/jquery/jquery-ui.js"></script> 




    <script src="https://getbootstrap.com/dist/js/bootstrap.min.js"></script> 
    <!-- Just to make our placeholder images work. Don't actually copy the next line! --> 
    <script src="https://getbootstrap.com/assets/js/vendor/holder.min.js"></script> 
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug --> 
    <script src="https://getbootstrap.com/assets/js/ie10-viewport-bug-workaround.js"></script> 


    <!-- toggle visibility for filter --> 
    <script type="text/javascript"> 
        $(document).ready(function() { 
         $("#extra-content").hide(); 
         $("#toggle-content").click(function(){ 
          $("#extra-content").toggle(); 
         }); 
        }); 
    </script> 

     <!-- ADDING DATEPICKER FUNCTIONALITY TO ALL DATES FIELDS --> 
    <script type="text/javascript"> 
      $(document).ready(function() { 
       $('.datetimeinput').datepicker({ format: "yyyy/mm/dd" }); 
      }); 
    </script> 

    <!-- HIDE DISPLAY TREE BRACH WHEN CLICKED ON HEAD ITEM --> 
    <script> 
      $(document).ready(function() { 
       $('label.tree-toggler').click(function() { 
      $(this).parent().children('ul.tree').toggle(300); 
       }); 
       }); 
    </script> 

    <!-- I DONT REMEBER WHAT IT IS AND IF IS STILL REQUIRED FIX --> 
    <script type="text/javascript"> 
      $(document).ready(function(){ 
       $(".close").click(function(){ 
        $(".alert").alert(); 
       }); 
      }); 
    </script> 


<!-- WAS FOR MAIN NAV MENU SHOULD BE OR FIXED OR REPLACED WITH DJANGO TEMPLATE SELECTION FIX --> 
    <script type="text/javascript"> 
      $('.nav.navbar-nav > li').on('click', function (e) { 
      $('.nav.navbar-nav > li').removeClass('active'); 
      $(this).addClass('active'); 
      }); 
     </script> 

可能是什麼問題。這種設置在很長一段時間之前爲我工作,但剛剛停止。

+0

它看起來像沒有找到該文件。如果文件仍然存在,你可以檢查目錄嗎? –

+0

@Praveen你在說什麼文件bootstrap它自己?我從這裏加載它https://getbootstrap.com/dist/js/bootstrap.min.js –

+0

鮑里斯,你添加了jQuery嗎?你**需要**單獨包含jQuery。這只是jQueryUI.css。別擔心。 –

回答

1

我假設你正在離線工作(沒有服務器),並且我看到從你的CDNs //code缺失的協議應該更改爲https://code

使用的Bootstrap CDN版本已更新。需要恢復到版本3.x

+0

不,它不會改變任何東西。 –

+0

嘗試刪除以'{{STATIC_URL}}'爲src的'