Question

我从昨天起就一直在寻找这样做的方法，我有一个<div class="list">，我使用PHP附加一些元素

HTML：

<div id="list"></div>
<input type="button" value="Populate" onClick="populate();">

的Javascript

function populate(){
    var url = 'http://mylink.com/edit.php?region_name='+region_name;
            $.ajax({
                type: "GET",
                url: url,  
                success:function(results){  
                    $('#list').html(results);
                }

            });
}

然后在点击按钮后生成的HTML是;

<div id="list">
 <label>region</label>
 <br>
 <div class="edit">
    <input class="num" type="text" value="east" readonly="">
 </div>
</div>

由于它不是一个正确的结构，我想在元素填充后运行JQuery

var length = $('.edit').length;
for(var a = 0; a <= length - 1; a++){
$('.edit:eq('+ a +')').find('input').appendTo($('label:eq('+ a +')'));

提示样本here。

顺便说一下，我试图用DOMSubTreeModified

绑定它

$("#List").bind("DOMSubtreeModified", function() {
    //My JQuery
});

但仍然没有结果。

Answer 1

试试这个

在完成块中调用你的js函数

$.ajax({
  url: "test.html",
}).done(function() {
//your jquery method
});

注入新元素后运行JQuery

1 个答案: