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 callback中，我敢打赌你的代码很好：

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

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

如果您不想使用支持DOM的回调，另一个选择是将脚本标记移动到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>

您需要初始化点击功能。

Answer 5

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

点击时没有提醒

5 个答案: