JQuery，div顯示但不褪色

我是新手，試圖運行我的第一個jQuery程序。該代碼在JsFiddle上運行良好，但是 - 當我嘗試在瀏覽器中運行它時，div顯示，但不會褪色。你能幫忙嗎？我是否正確引用了jQuery庫？我還爲同一個文件夾中的html，css和腳本創建了單獨的文件。提前致謝。JQuery，div顯示但不褪色

HTML文件 -

<head> 
    <title>Result</title> 
    <link rel='stylesheet' type='text/css' href='stylesheet.css'/> 
    <script type='text/javascript' language='Javascript' ``src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script> 
</head> 
<body> 
    <div></div> 
</body>

Sylesheet -

div { 
    height: 100px; 
    width: 100px; 
    background-color: #FA6900; 
    border-radius: 5px; 
}

和腳本 -

$(document).ready(function() { 
    $('div').click(function() { 
     $('div').fadeOut('slow'); 
    }); 
});

來源

2013-09-22 Naren Singh

您引用了jQuery UI，但沒有引用jQuery本身。請訪問https://developers.google.com/speed/libraries/devguide#jquery – Sablefoste

HTML腳本中包含哪兩個反引號？ –

請注意（通過包含jquery.js而不是jquery-ui.js來解決當前問題之後）：'$（'div'）。fadeOut（'slow'）;'會淡出頁面上的_all_ div元素，你可能希望'$（this）.fadeOut（'slow'）;'只褪色點擊的項目。請包括小提琴 – nnnnnn

這裏DEMO（它工作正常）

您必須鏈接到jQuery庫，如下所示：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

來源

2013-09-22 01:23:47 aldanux

謝謝aldanux。我從字面上複製並粘貼了整個代碼。 div顯示，但它贏了;褪色！我在Chrome，Firefox和IE上也嘗試過 - 同樣的問題。你需要安裝一些東西嗎？ –

上面的鏈接「Demo」不適合你？你的文件中有另一個庫嗎？ – aldanux

沒有。沒有這是引用庫的唯一行 - –

JQuery，div顯示但不褪色

回答

相關問題