Question

我正在使用Jeditable plugin进行编辑。如果我直接在页面上使用它，该插件可以正常工作;但如果我在模态窗口中使用它，它就不再起作用了。填充模态的数据来自一个通过AJAX的PHP文件，似乎插件没有加载到模态中。

这是ajax从PHP收到的代码：

<div class='edit2' id='div_1'>Dolor</div>

这是我做的插件调用：

$(document).ready(function() {
     $('.edit2').editable('http://www.example.com/save.php');
});

如果我直接在页面上这样做，它可以正常工作;但不是模态。

Answer 1

根据问题中的说明和代码，问题是您调用editable()函数的时间。

现在，您可以在文档准备就绪时调用它（在$(document).ready()函数内）。这很好，并且如果具有类.edit2的元素已经在页面中（例如：当您在页面上直接使用它时），它将工作得很好，但如果元素不存在则它不起作用（例如：以后使用AJAX加载时）。

此问题的解决方案是移动电话：

 $('.edit2').editable('http://www.example.com/save.php');

从页面加载到AJAX调用的success函数，就在您将内容添加到模态中之后。这样，调用插件时将存在.edit2，它应该正常工作。