jquery - 带有动态内容的 jQuery 就地编辑

Question

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

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

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

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

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

但根本没有任何反应。我尝试了许多就地编辑插件。我有同样的问题。任何想法为什么？我该如何解决这个问题？

Answer 1

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

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