JQuery不工作，可能的源錯誤？

我使用Notepad ++，當我在瀏覽器中保存並運行這段代碼時，Jquery不起作用。JQuery不工作，可能的源錯誤？

<!DOCTYPE html> 
<html> 
<head> 
<title>Result</title 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
<link rel='stylesheet' type='text/css' href='style.css'/> 
    </head> 
    <body> 
    <script> 
    $(document).ready(function() { 
    $("div").click(function() { 
     $("div").fadeout('slow'); 
    }); 
}); 
</script> 
     <div></div> 
     </script> 
    </body> 
</html>

的style.css

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

來源

2017-05-06 Jacob Moore

中添加一些文字DIV＆複查 – brk

還有一個額外關閉''標籤後''div'和函數是'fadeOut（）'不是'fadeout（）'JS是區分大小寫的 – Lixus

試過後仍然沒有任何結果。 –

更換fadeout與fadeOut

編輯：由於意見建議，您的標題標記需要的時候關閉。

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

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

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

你也可以更換內$(div)與$(this)如果你只是想點擊的div來淡出

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

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

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

來源

2017-05-06 16:51:27

回答

相關問題