Question

嗨我使用隐藏时遇到问题我的代码与其他代码相同，但它无法正常工作

jq.php;

<!DOCTYPE html>
<html lang = "en">
<head>
<meta charset = "utf-8">
<title>jQuery</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src = "js/external.js" ></script>

</head>
<body>
<p id="wawa" >Welcome Roy Gallardo !!</p>
</body>
</html>

external.js

$('#wawa').click(function(){
$('#wawa').hide();
});

Answer 1

你必须等待DOM做好准备：

$(document).ready(function(){
    $('#wawa').click(function(){
        $('#wawa').hide();
    });
});

Answer 2

您是否还将外部的jquery代码包装到：

$(document).ready(function(){

});

如果你不这样做，jquery可能没有加载

Answer 3

正如其他人所说，你需要等到DOM准备就绪后才能使用$(document).ready()。

或者，您可以将脚本放在HTML页面的末尾：

<!-- ... -->
<body>
    <p id="wawa" >Welcome Roy Gallardo !!</p>
    <script src="js/external.js"></script>
</body>
</html>

jQuery外部隐藏不起作用

3 个答案: