Question

我使用Jquery / Ajax方法保存文本。我使用了一个就地编辑脚本（Jeditable），它允许通过点击来编辑文本。遗憾的是，Jeditable脚本不适用于动态创建的项目，只有在我重新加载页面时它才有效。

这是我的剧本：

$(".edwa").editable("/edit.php", { 
indicator:"<img src='/images/loading.gif'>",
width:439,
height:90,
loadurl:"/load.php",
type:"textarea",
onblur:"submit"
});

在类似情况下，我通过添加＆＃34; $(document.body)＆＃34;来解决问题。对于脚本，但在这种情况下，我不知道添加＆＃34; $(document.body)＆＃34;的正确语法是什么。任何想法或任何其他建议来解决问题？

Answer 1

发生部分上传后，您必须再次调用javaScript函数以将它们应用于新创建的元素。

$（document）.ready（）仅对整页加载执行;

也许这可以解决你的问题：

<script type="text/javascript">   function pageLoad() {
               $(".edwa").editable("/edit.php", { 
                  indicator:"<img src='/images/loading.gif'>",
                  width:439,
                  height:90,
                  loadurl:"/load.php",
                  type:"textarea",
                  onblur:"submit"
               });
             }
</script>

每次使用ajax进行部分更新时都必须调用pageLoad（）函数。

Answer 2

在动态加载元素后，您应该重新运行插件的初始化。

Answer 3

创建动态元素后绑定您的可编辑功能

jQuery不适用于动态创建的项目

3 个答案: