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>

我希望能提供帮助。

jQuery append HTML包含onclick事件

2 个答案: