Question

点击按钮＆＃34;点击我＆＃34;在我的页面上。我想知道按钮被点击，并且会弹出一个警告说hi。这是我的代码无效。

<!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

将alert移到处理程序内部：

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

if语句没有自动运行（因为它在你的DOM就绪事件中，它会在页面加载时运行） - 它必须在一个事件中。

Answer 2

您可以完全删除if语句。将alert（）调用放入单击回调函数中是关键。

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

onclick没有按下按钮

2 个答案: