Question

我有一个场景，我的dom被重新创建，我需要为新的dom调用mouseenter事件，当前在鼠标指针下没有任何动作。

＆＃13;

$("#click-button").click(function() {
  var p1 = "<p class='para'>First para</p>";             
    var p2 = $("<p class='para'></p>").text("Second para");   
    var p3 = document.createElement("p");  
    p3.innerHTML = "Third para";
    p3.classList.add('para');
    var div = $("<div></div>").append(p1,p2,p3);
  $("#content").html(div);
});

$('body').on('mouseenter', 'p.para', function() {
    console.log( $( this ).text() );
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="content">
<button type="button" id="click-button">Click Me!</button>
</div>

＆＃13;

Answer 1

你需要修改一点

$("#click-button").click(function() {})

到

$(document).on("click", "#click-button", function() {})

事件点击是通过文档

注册的

如何为动态dom触发鼠标输入事件，该动态dom是在鼠标指针下创建的

1 个答案: