jQuery函數工作本地服務器上，但不活？

我堅持，我有下拉水平菜單欄有點問題，我已申請jQuery函數打開和關閉家長和孩子的物品。所以它的工作很好，在我的本地服務器上運行良好，但它不適用於我的實時服務器。每件事情都是在現場上傳的，而且我已經從活動服務器多次檢查了我對所有腳本文件的引用。jQuery函數工作本地服務器上，但不活？

這裏是我的HTML 參考文獻：

<script src="../../resources/scripts/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script> 

    </script> 
    <script src="../../resources/scripts/smooth.js" type="text/javascript"></script>

HTML代碼：

<div id="menu"> 
        <ul id="Ul2" class="opened"> 
         <li class="collapsible"><a href="#" class="collapsible plus">Settings</a> 
          <ul id="Ul3" class="collapsed"> 
           <li><a href="#">General Settings</a></li> 
          </ul> 
         </li> 
        </ul> 
        <ul id="Ul4" class="opened"> 
         <li class="collapsible"><a href="#" class="collapsible plus">Email Templates</a> 
          <ul id="Ul5" class="collapsed"> 
           <li><a href="#">All Email Templates</a></li> 
           <li><a href="#">Add Email Template</a></li> 
          </ul> 
         </li> 
        </ul> 
        <ul id="Ul6" class="opened"> 
         <li class="collapsible"><a href="#" class="collapsible plus">City</a> 
          <ul id="Ul7" class="collapsed"> 
           <li><a href="#">All Cities</a></li> 
           <li><a href="#">Add City</a></li> 
          </ul> 
         </li> 
        </ul>

這裏是我的腳本：

$("#menu li a[class~=collapsible]").click(function() { 
     var element = $(this); 

     if (element.attr("class") == "collapsible plus") { 
      element.attr("class", "collapsible minus"); 
     } else { 
      element.attr("class", "collapsible plus"); 
     } 

     var list = element.next(); 

     if (list.attr("class") == "collapsed") { 
      list.attr("class", "expanded"); 
     } else { 
      list.attr("class", "collapsed"); 
     } 
    });

Click here在活動中查看我的網站，以便您可以輕鬆地檢查問題爲何腳本無法實時呼叫。

來源

2013-04-15 aami

您的JS路徑沒有加載庫 http://pakistantransporters.com/resources/scripts/tiny_mce/jquery.tinymce.js找不到 – liyakat

我建議你不要使用相對路徑，如：

../../resources/scripts/jquery-1.6.4.min.js

只需使用瀏覽器訪問的URL，如：

yourdomaain.com/resources/scripts/jquery-1.6.4.min.js

或者只是把你的資產裏面根目錄。把你的資產（css，js，img）放在webroot之外是沒有用的，如果你想把它們展示給每個人，那麼每個人都必須能夠訪問每個資產;

來源

2013-04-15 10:17:37 egig

我已根據您的指示，但仍然無法調用jquery功能...請再次檢查我的網站 – aami

您的網站：http：// pakistantransporters。 com/project/CMS/hotel.aspx現在沒有找到。 – egig

這是由於所有您的JavaScript文件給出了一個404錯誤消息，所以你的所有的JS不工作。你可以在Firebug中看到這個。

來源

2013-04-15 10:12:43

幾乎所有的JS包括http://pakistantransporters.com/resources/scripts/jquery-ui-1.8.16.custom.min.js顯示404未找到。

來源

2013-04-15 10:12:53

我怎麼能看到這個錯誤？從瀏覽器？ – aami

安裝Firebug for Firefox，你可以在那裏看到它。或Google Developer Console或IE Developer控制檯。 –

使用Chrome瀏覽器訪問機器 - 在開發人員欄窗口中按下'F12'單擊控制檯。 –

這是因爲如此多的URL指向無處（404未找到），包括jQuery引用 - 因此未加載jQuery，並且您的腳本嘗試使用它，但與ReferenceError: $ is not defined一起失敗。

你需要修復你的路，首先。

來源

2013-04-15 10:13:31

我已經把解決方案中的確切參考，但仍然無法解決:( – aami

我覺得你要麼有： -

1）沒有上傳的腳本文件夾在服務器上。

2）你的JavaScript文件有錯誤的道路。

3）你的腳本文件夾沒有讀取權限。

來源

2013-04-15 10:13:46

首先將jquery相對版本下載到本地，然後使用它。

舔： - 的xpath/jQuery的1.11.1.min.js

來源

2016-07-25 07:58:15

介意說明一下嗎？ – manetsus

另一個可能的原因這樣的問題是從https -hosted HTML文件參照的http jQuery的JavaScript文件。

錯誤：

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

右：

<script type="text/javascript" src="https://code.jquery.com/jquery-latest.js"></script>

來源

2018-02-18 17:48:05

jQuery函數工作本地服務器上，但不活？

回答

相關問題