我不能讓我的jQuery代碼工作？

可能重複：
JQuery code not working 我不能讓我的jQuery代碼工作？

我不能讓我的jQuery的工作......這就是我想要做的事：

<!doctype html> 
<html lang="en"> 
    <head> 
    <meta charset="utf-8" /> 

    <link rel="stylesheet" href="try_1.css"> 
    <script type="text/javascript" src="js/jquery.js"></script> 
    <script type="text/javascript" src="js/click.js"></script> 
    </head> 
    <body> 
    <input type="button" value="Hide" id="hide_message"/> 
    <p id="message">This is a message</p> 
    </body> 
</html>

Click.js ：

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

來源

2013-01-08 user1958149

定義「我無法得到它的工作」。更加詳細一些。你期待它做什麼，在這個過程中拋出什麼錯誤/警告？闡述！ – Oldskool

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

使用$(function() { });之前您的代碼或等效$(document).ready(function() { });爲進一步閱讀爲什麼它被使用？請參閱：Tutorial

來源

2013-01-08 13:02:35

您的代碼將在元素存在之前執行，因此將無法將事件處理程序綁定到它。將代碼包裝在$(document).ready()處理程序中，以便在DOM準備就緒（並且存在元素）後執行。

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

這涵蓋在the documentation。

來源

2013-01-08 13:03:53

這將工作：

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

來源

2013-01-08 13:46:30

我不能讓我的jQuery代碼工作？

回答

相關問題