無論如何 - 參考錯誤$沒有定義（jQuery UI）

-3

無論我如何做到這一點，我不能擺脫這個錯誤。我正在嘗試製作幾個可拖動的div，但是我收到錯誤'參考錯誤：$未定義'。我檢查了我的代碼，一切正常。所以我測試了對可拖動的div運行jQuerys examplecode，仍然是一樣的錯誤。這是代碼。

<!DOCTYPE html> 
    <html lang="en"> 
     <head> 
     <meta charset="utf-8"> 
     <title>jQuery UI Draggable - Default functionality</title> 
     <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
     <script src="//code.jquery.com/jquery-1.10.2.js"></script> 
     <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
    <style> 
    #draggable { width: 150px; height: 150px; padding: 0.5em; } 
    </style> 
    <script> 
    $(function() { 
    $("#draggable").draggable(); 
    }); 
    </script> 
    </head> 
    <body> 

<div id="draggable" class="ui-widget-content"> 
    <p>Drag me around</p> 
</div> 


</body> 
</html>

這是我自己的代碼：

<!DOCTYPE html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Text demo</title> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-2.2.0.js"></script> 
    <script type="text/javascript" src="https://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> 
<script type="text/javascript"> 
    $(function() { 
    $(".groupItem").draggable(); 
    }); 
</script> 
<link rel="stylesheet" type="text/css" media="all" href="stylesheet.css"> 
</head> 
<body> 
    <div id="newsFeeder" class="groupItem"> 

     <div class="itemHeader">Feeds</div> 
     <div class="itemContent"> 
      <ul> 
       <li>orem ipsum dolor sit amet, consectetuer adipiscing elit</li> 
       <li>orem ipsum dolor sit amet, consectetuer adipiscing elit</li> 
       <li>orem ipsum dolor sit amet, consectetuer adipiscing elit</li> 

       <li>orem ipsum dolor sit amet, consectetuer adipiscing elit</li> 
      </ul> 
     </div> 
    </div> 
    <div id="news" class="groupItem"> 
     <div class="itemHeader">News</div> 
     <div class="itemContent"> 

      <ul> 
       <li>orem ipsum dolor sit amet, consectetuer adipiscing elit</li> 
       <li>orem ipsum dolor sit amet, consectetuer adipiscing elit</li> 
       <li>orem ipsum dolor sit amet, consectetuer adipiscing elit</li> 
       <li>orem ipsum dolor sit amet, consectetuer adipiscing elit</li> 
      </ul> 
     </div> 

    </div> 
    <div id="shop" class="groupItem"> 
     <div class="itemHeader">Shopping</div> 
     <div class="itemContent"> 
      <ul> 
       <li>orem ipsum dolor sit amet, consectetuer adipiscing elit</li> 

       <li>orem ipsum dolor sit amet, consectetuer adipiscing elit</li> 
       <li>orem ipsum dolor sit amet, consectetuer adipiscing elit</li> 
       <li>orem ipsum dolor sit amet, consectetuer adipiscing elit</li> 
      </ul> 
     </div> 
    </div> 
    <div id="links" class="groupItem"> 
     <div class="itemHeader">Links</div> 
     <div class="itemContent"> 
      <ul> 
       <li>orem ipsum dolor sit amet, consectetuer adipiscing elit</li> 
       <li>orem ipsum dolor sit amet, consectetuer adipiscing elit</li> 

       <li>orem ipsum dolor sit amet, consectetuer adipiscing elit</li> 
       <li>orem ipsum dolor sit amet, consectetuer adipiscing elit</li> 
      </ul> 
     </div> 
    </div> 
    <div id="images" class="groupItem"> 
     <div class="itemHeader">Images</div> 

     <div class="itemContent"> 
      <ul> 
       <li>orem ipsum dolor sit amet, consectetuer adipiscing elit</li> 
       <li>orem ipsum dolor sit amet, consectetuer adipiscing elit</li> 
       <li>orem ipsum dolor sit amet, consectetuer adipiscing elit</li> 
       <li>orem ipsum dolor sit amet, consectetuer adipiscing elit</li> 
      </ul> 

     </div> 
    </div> 

</body> 
</html>

來源

2016-02-20 Douglas Pettersson

你的代碼運行對我很好，除了在開始時丟失的HTML標籤看起來可疑。 – Rhumborl

查看瀏覽器的開發工具中的Net（工作）選項卡，查看是否真的加載了jQuery。 – Teemu

我懷疑這會變成http://stackoverflow.com/questions/6503946/shorthand-http-as-for-script-and-link-tags-anyone-see-use-this-before – Quentin

更換jQuery的鏈接與這一個，你是： https://code.jquery.com/jquery-2.2.0.min.js

即

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

來源

2016-02-20 12:46:07

使用縮小版本是沒有必要的，在開發過程中並不理想 – Rhumborl

謝謝我會照顧到這一點，請你解釋爲什麼使用縮小版本不理想？ –

好吧@AjayMakwana我喜歡你說的話，並且還將jQuery改爲1.12，現在我得到錯誤'$（...）。可拖動不是函數'，這裏的任何想法？ –

無論如何 - 參考錯誤$沒有定義（jQuery UI）

回答

相關問題