Question

在我的网站上，我以这种方式向DOM添加元素

$('#header').load('header.html #template');

所以我将外部html文件的内容加载到DOM中。然后我打电话给

$('.edit').editInPlace({
    callback: function(){
        alert("test");
    }
});

加载的内容包含h2 with edit css类。

但根本没有反应。我尝试了很多可编辑的插件。我遇到了同样的问题。有什么想法吗？我该如何解决这个问题？

Answer 1

由于jquery.load()方法是异步的，因此尽管在运行load方法后调用了editInPlace，但内容仍然不存在。你应该使用回调：

$('#header').load('header.html #template',function(){
    $('.edit').editInPlace({
        callback: function(){
        alert("test");
       }
    });
});

jQuery使用动态内容进行编辑

1 个答案: