Question

使用for循环时，我在使用$（“。live-mu-table”）。html（newHtML）加载页面时向css表添加行。单元格具有与之关联的点击事件。我不确定为什么点击事件不起作用。

以下是一个非常简化的版本，演示了此问题以及jsfiddle。

为什么在点击“test”之后会出现与之前完全相同的代码？

HTML：

<div class="live-mu-table" >
    <div class="live-mu-table-tr">
        <div class="live-mu-table-tdq" id="a-1">q1</div>
        <div class="live-mu-table-tdspacer1"></div>
        <div class="live-mu-table-tda" id="a-3">A3</div>
    </div>
</div>


<div id="test1">test</div>

jquery的：

 $("#test1").click(function() { 
   $(".live-mu-table").html("");  
   var newHtML = '<div class="live-mu-table-tr"><div class="live-mu-table-tdq" id="a-1">q1</div><div class="live-mu-table-tdspacer1"></div><div class="live-mu-table-tda" id="a-3">A3</div></div>';
  $(".live-mu-table").html(newHtML);
});

Answer 1

如果你真的想用.html

来实现它

$("#test1").click(function() { 
  var val = $(".live-mu-table").html();  
  var newHtML = val + '<div class="live-mu-table-tr"><div class="live-mu-table-tdq" id="a-1">q1</div><div class="live-mu-table-tdspacer1"></div><div   class="live-mu-table-tda" id="a-3">A3</div></div>';
  $(".live-mu-table").html(newHtML);
});

动态添加代码

1 个答案: