DOM更改后如何初始化x-editable？

Question

我认为这是一个noob问题，但无论如何 我有一个x-editable插件，在我的文档中启动了

 $(function(){
   $.fn.editable.defaults.mode = 'popup';
   $('.editable').editable();
 });

点击标签后，页面的某些部分会通过局部图刷新，x-editable在这些新元素上无法使用。

我尝试制作这个技巧：

 $(document).on('click', '.editable', function(){
   $('.editable').editable();
 });

这样可行，但现在我必须点击两次才能调用x-editable on .editable元素，第一次初始化x-editable，第二次调用x-editable popover。

在这种情况下，最佳做法是什么？

提前致谢！

Answer 1

1. 您可以在某种情况下标记新的.editable-示例 - .unprocessed，并在.editable.unprocessed出现后{} {{}} - http://www.w3schools.com/js/js_timing.asp点击后等待，然后将其编辑为

2. 您可以使用.js.erb视图从服务器返回数据，并在刷新页面部件后添加

   setTimeout()

Answer 2

虽然自问题发布以来已经有一段时间了，但我想在您的解决方案中添加一些内容。您可以在元素被初始化后触发show方法，因为可以编辑＆＃39;。

    $(document).on('click','.editable',function(){
        $('.officer-editable').editable('show');
    })