javascript - Jquery .click 功能不起作用

Question

我创建了一个选项卡并在其中附加了一些文本

$("#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时什么也没发生...

Answer 1

页面加载时，您的表格不在 DOM 中，因此这是 future 的元素，这就是它不起作用的原因。你必须使用 .live()

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

或按照 jQuery 1.7

使用.on

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