jQuery的。点击功能无法正常工作

我创建了一个标签，并添加一些文字在它jQuery的。点击功能无法正常工作

$("#tabcontent").append('<p id="c'+count+'"><table> <tr>Tab Content '+count+'<br><span id="addColumns" style="cursor:pointer;">Add Columns</span></p>');

有一个id addColumns我写一个函数为这个ID

$('#addColumns').click(function(){ $("#tabcontent").html(''); });

当我点击Add Columns什么都没发生......

来源

2012-04-25 Muhammad Usman

你能不能把你的HTML/JS上http://jsfiddle.net – gideon 2012-04-25 05:59:16

1.我使用更新面板乌尔.. 2.可能是乌尔addcolumn认为是服务器控件... 按@gideon如果你把你的代码很容易解决... – 2012-04-25 06:00:28

它在JSFiddle中工作。看到这个链接： http://jsfiddle.net/sfWxJ/ – Chinmaya003 2012-04-25 06:02:40

当页面加载时，你的表不在DOM中，所以这是未来的元素，这就是为什么它是n不工作。你必须使用.live()

$('#addColumns').live('click', function(){ $("#tabcontent").html(''); });

或按jQuery的1.7

使用.on

$(document).on('click','#addColumns', function(){ 
     $("#tabcontent").html(''); 
});

来源

2012-04-25 05:59:34 diEcho

我们刚修好你明白我的HTML结构，然后再试一次。

<p id="c'+count+'"> 
    <table> 
     <tr>Tab Content '+count+' 
      <br> 
      <span id="addColumns" style="cursor:pointer;">Add Columns</span> 
</p>

此外 - 你真的想清除你点击跨度的元素？

编辑： 这是你的html代码，而不是你应该使用的。在你的行内试试td-tag并尝试关闭你的标签。

来源

2012-04-25 06:01:45 Ben

jQuery的。点击功能无法正常工作

回答

相关问题