Jquery 单击时不发出警报

我想我有一个简单的问题

如果我单击一个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>

$（'#addtag'）。单击（函数（）
{
警报（“你好世界”）；
});

但是我没有得到任何信息我做错了什么？

当然没有

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

当然不是

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

将其包装在一个文件中，我敢打赌您的代码很好：

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

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

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

如果您不想使用DOM就绪回调，另一个选项是在关闭

之前将脚本标记移动到HTML正文的最底部。这样，您就知道当执行代码时，元素将在DOM中可用。

将其包装在一个文件中，我敢打赌您的代码很好：

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

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

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

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

如果您不想使用DOM就绪回调，另一个选项是在关闭

之前将脚本标记移动到HTML正文的最底部。这样您就知道，当执行代码时，元素将在DOM中可用

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

与DOM一起使用

与DOM一起使用

使用以下代码：

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

$（文档）.ready（函数（）{
$（'#addtag'）。单击（函数（）
{
警报（“你好世界”）；
});
});

您需要在此处初始化单击功能。

使用以下代码：

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

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

$（文档）.ready（函数（）{
$（'#addtag'）。单击（函数（）
{
警报（“你好世界”）；
});
});

---

您需要在这里初始化单击功能。

是吗？走@MelanciaUK这是因为fiddle会自动将您的代码包装在

文档中。ready

。意识到这一点后，我甚至删除了我的评论。哈哈哈，你是谁？走@MelanciaUK这是因为fiddle会自动将您的代码包装在

文档中。ready

。意识到这一点后，我甚至删除了我的评论。哈哈哈，你也是吗？现在我们有两个人了：你也是？现在我们两个：D

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