Question

您好我试图用小提琴中的示例来演示一个问题，但是我陷入了第一步。在随后的小提琴我尝试动态创建一个包含按钮的td表，然后单击该按钮我要打印事件。我没有在控制台中看到任何错误。但是click事件永远不会被触发。有人可以帮帮我吗。我有另一个问题，我需要在修复后试一试。

HTML

<body>
  <div class="myElement" id="test">

  </div>
</body>

JS

var table = document.createElement('table');
for (var i = 1; i < 4; i++){
    var tr = document.createElement('tr');

    var td1 = document.createElement('td');

    var text1 = document.createTextNode('Text1');

    var btn = document.createElement("BUTTON");
    btn.className ="clickable";
    var t = document.createTextNode("CLICK ME");       
    btn.appendChild(t);  

    td1.appendChild(btn);
    td1.appendChild(text1);
    tr.appendChild(td1);
    table.appendChild(tr);  
}

$('.clickable').click(function(){
   alert('You clicked me');
    console.log("You clicked meg");
    });

  var tooltipSpan = document.createElement('span');
  tooltipSpan.appendChild(table);
  var innerHtml =  document.createElement("div"); 
  innerHtml.appendChild(tooltipSpan);
  $("#test").append(innerHtml);

https://jsfiddle.net/dzrn7rus/

带按钮的动态表单击不起作用

0 个答案: