onclick不起作用的按钮

Question

When I click a button "click Me" on my page. 当我单击页面上的按钮“单击我”时。 I want to know that the button is clicked and an alert should pop up saying hi.Here is my code which is not working. 我想知道该按钮已被单击，然后弹出一个警告消息，提示您好。这是我的代码无法正常工作。

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("#btn").click(function(){
  $(this).data('clicked', true);
     });
if($('#btn').data('clicked')) {
alert("HI");
}
});
</script>
</head>
<body>
<input id="btn" value="Click Me" type="button"></input>
</body>
</html>

Answer 1

Move the alert to inside the handler: 将alert移至处理程序内部：

$("#btn").click(function(){
    $(this).data('clicked', true);
    if($(this).data('clicked')) {
        alert("HI");
    }
});

That if statement doesn't automatically run (well it does on page load since it's in your DOM ready event) - it has to be within an event. if语句不会自动运行（因为它在DOM ready事件中，所以它会在页面加载时执行）-它必须在一个事件内。

Answer 2

You could drop the if statement at all. 您可以完全删除if语句。 It's key to put your alert() call in the click Callback function. 将您的alert（）调用放入点击回调函数中的关键。

$(document).ready(function(){
  $("#btn").click(function(){
      alert("HI");
   });
});

onclick不起作用的按钮

问题描述

2 个解决方案

解决方案1
2 已采纳 2014-07-30 19:19:33

解决方案2
0 2014-07-30 19:28:59

onclick不起作用的按钮

问题描述

2 个解决方案

解决方案1 2 已采纳 2014-07-30 19:19:33

解决方案2 0 2014-07-30 19:28:59

解决方案1
2 已采纳 2014-07-30 19:19:33

解决方案2
0 2014-07-30 19:28:59