jquery:mouseover工作,但点击不会工作

时间:2011-07-22 03:50:49

标签: jquery events

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<script src="jquery-1.6.2.js"></script>
<script>
$("#test").live("click", function(){
    alert('');          
});
$("#tbl").live("mouseover",function(){
    $("#title").html('<input id="test" type="button" value="test button" />');
});
$("#tbl").live("mouseleave",function(){
    $("#title").html('');
});

</script>

</head>
<body>
<table id='tbl' width="200" border="1">
  <tr>
    <td id="title">&nbsp;</td>
  </tr>
  <tr>
    <td id="content">&nbsp;</td>
  </tr>
</table>
</body>
</html>

$(“#test”)。live(“click”...)不起作用,但如果我改为mouseover就可以了。 任何人都可以帮忙吗?

谢谢, 程

6 个答案:

答案 0 :(得分:1)

使用mouseenter代替mouseover,而@davecoulter则说“;”结论,

  $("#test").live("click", function(){
        alert();
    });
    $("#tbl").live("mouseenter",function(){
        $("#title").html('<input id="test" type="button" value="test button" />');
    });
    $("#tbl").live("mouseleave",function(){
        $("#title").html('');
    });

这里是jsfiddle http://jsfiddle.net/Z2ZYs/1/

答案 1 :(得分:0)

程:

只是一个刺,但试着把';'在你的陈述的最后:

$("#test").live("click", function(){
    alert();
});
$("#tbl").live("mouseover",function(){
    $("#title").html('<input id="test" type="button" value="test button" />');
});
$("#tbl").live("mouseleave",function(){
    $("#title").html('');
});

答案 2 :(得分:0)

问题是alert()不能像这样工作。只需执行此操作alert('');

答案 3 :(得分:0)

您的问题是您使用的是mouseover而不是mouseenter。我有一个工作示例here

答案 4 :(得分:0)

您只需要在alert('Something')语句中添加一个字符串。

我有一个工作示例here (jsFiddle)

答案 5 :(得分:0)

尝试替换alert()以发出警报(“Anything”); 它在我的电脑上运行正常。