Question

我有一个网页，它有html内容，id.i正在onclick上调用一个函数。如果我正在对静态内容进行更改，但是当我尝试调用任何jQuery函数（如html）时，一切看起来都有效，请添加等等...我的动态内容然后它无效。

据我了解，因为Dom没有更新新内容。所以我想知道如何在加载动态数据后更新dom。

下面的演示代码..

jQuery( document ).ready(function($) {
    var width=$( window ).width();
    if(width <= 768){           
        $('#extraslidercontent').html("<div class='container html_mb' style='background-color:#f29a1f;width:100%;max-width: 100%;'><div class='template-page content  av-content-full alpha units'><div class='post-entry post-entry-type-page post-entry-3291'><div class='entry-content-wrapper clearfix'>\
            "+$('#testtt2').html()+"</div></div></div></div><div class='container css_mb' style='width:100%;max-width: 100%;'><div class='template-page content  av-content-full alpha units'><div class='post-entry post-entry-type-page post-entry-3291'><div class='entry-content-wrapper clearfix'>\
            "+$('#testtt3').html()+"</div></div></div></div><div class='container wp_mb' style='background-color:#493c59;width:100%;max-width: 100%;'><div class='template-page content  av-content-full alpha units'><div class='post-entry post-entry-type-page post-entry-3291'><div class='entry-content-wrapper clearfix'>\
            "+$('#testtt1').html()+"</div></div></div></div>");
        updte();
}

将数据加载到testtt2 id之后，我正在尝试使用其内容中的ID。

如果我错过任何解释，请告诉我。

Answer 1

您需要使用event delegation作为新元素。

$('body').on('click', '#some-id', function () {});

或者对于较旧的jQuery（＆lt; 1.7）

$('body').delegate('#some-id', 'click', function () {});

jQuery事件不能与id一起使用

1 个答案: