Question

点击id =＆＃34; check_user＆＃34;警报无效。这是我的代码。

<html>
    <script>
        $("#check_user").click(function(){
        alert("good");
        });
    </script>
    <body>
        <label name="email">Email</label>
        <input type="email" id="log_user_email" placeholder="example@example.com" />
        <label name="password">Password</label>
        <input type="password" id="log_password" placeholder="*********"/>
        <input type="button" value="Login" id="check_user"  style="cursor:pointer;" />
    </body>
</html>

Answer 1

假设您已添加了jquery库，则需要在加载DOM时附加事件。关于DOM ready事件：

$(function(){//document ready function
 $("#check_user").click(function(){
  alert("good");
 });
});

Answer 2

您编写的jQuery脚本位于“script”标记内。太好了！但整个脚本应该在'head'标签内或'body'标签内。 ;）3：）

Answer 3

使用on方法为添加的动态元素添加事件并将jquery代码包装在$(document).ready()方法

中

 $(document).ready(function() {
    $("#check_user").on('click', function(evt) {
      alert("good");
    });
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>



  <label name="email">Email</label>
  <input type="email" id="log_user_email" placeholder="example@example.com" />
  <label name="password">Password</label>
  <input type="password" id="log_password" placeholder="*********" />
  <button type="button" id="check_user">login</button>

Answer 4

看到你没有展示整个代码，你的代码看起来是有效的，我只能假设你在添加那个脚本标签之前没有添加jQuery库。您还应该将代码包装在jQuery ready函数$(document).ready();中，特别是看到您的代码出现在body标记之前，这意味着在脚本执行时DOM内容不会完全下载。< / p>

总之，请确保在脚本之前添加了jQuery库。

还要使用$(document).ready();这样包装您的代码：

$(document).ready(function(){
    $("#check_user").click(function() {
        alert("good");
    });
});

Answer 5

＆＃13;

$("#check_user").click(function() {
  alert("good");
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label name="email">Email</label>
<input type="email" id="log_user_email" placeholder="example@example.com" />
<label name="password">Password</label>
<input type="password" id="log_password" placeholder="*********" />
<button type="button" id="check_user" style="cursor:pointer;">Login</button>

＆＃13;

您需要包含Jquery：

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

最好的方法是将它们添加到dom ready事件中..（如上所述）

jquery没有工作onclick

5 个答案: