jquery - 点击没有提示

Question

我想我有一个简单的问题。

如果我单击一个 div，我希望出现一条消息。

我在我体内的 div 代码是。

<div id="addtag" style="cursor: pointer;">
   <b>
   add tag
   </b>
</div>

如果我点击这个 div，我想要一个简单的警告框，所以我脑子里有：

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

<script>
    $('#addtag').click(function() 
    {
        alert("hello world");
    });
</script>

但我没有收到任何消息我做错了什么？

Answer 1

当然不是

$(function(){
    $('#addtag').click(function() 
    {
        alert("hello world");
    });
});

Answer 2

将它包装在一个DOM-ready 回调中，我敢打赌你的代码很好：

$(function () {
    $('#addtag').click(function() 
    {
        alert("hello world");
    });
});

问题是您尝试在元素实际位于 DOM 中之前将事件侦听器附加到元素。

如果您不想使用 DOM 就绪回调，另一种选择是将您的 script-tag 移动到 HTML 正文的最底部，就在关闭</body>. 这样您就知道当代码执行时，该元素将在 DOM 中可用。

Answer 3

$(document).ready(function(){
$('#addtag').click(function() 
{
    alert("hello world");
});
}};

与 DOM 一起使用

Answer 4

使用以下代码：

<script>
 $(document).ready(function(){
    $('#addtag').click(function() 
    {
        alert("hello world");
    });
 });
</script>

这里需要初始化click函数。

Answer 5

  $(document).ready(function(){
    $('#addtag').bind('click',function(){
    //alert('hi');
    });
  });