jQuery追加HTML包含onclick事件

Question

我用jQuery将内容追加到div，并且内容包含ondrop，dragover和ondragstart事件？我如何正确处理这些事件，以下情况不起作用。

<script> 
    var html = "<div id="dragon_id" ondrop="drop(event)" ondragover="allowDrop(event)" draggable="true" ondragstart="drag(event)"> 
      ...</div>"; 
    $("myDiv").append(html); 
</script> 

Answer 1

使用双引号内的单引号，否则双引号将打破：

<script> 
    var html = "<div id='dragon_id' ondrop='drop(event)' ondragover='allowDrop(event)' draggable='true' ondragstart='drag(event)'> 
      ...</div>"; 
    $("myDiv").append(html); 
</script> 

Answer 2

你可以这样做：

  var html = "<div id='dragon_id' ondrop='drop(event)' ondragover='allowDrop(event)' draggable='true' ondragstart='drag(event)'>OK</div>"; 
 
      $("#myDiv").append(html);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div id="myDiv"></div>

我希望能帮助。