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

Question

我认为这种菜鸟问题，但无论如何 我有在我的文档中初始化的 x-editable 插件

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

在我点击选项卡并且我的页面的某些部分通过局部刷新后，x-editable 在这个新元素上变得不可用。

我试着做这个把戏:

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

这行得通，但现在我必须点击两次才能在 .editable 元素上调用 x-editable，第一次初始化 x-editable，第二次调用 x-editable 弹出框。

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

提前致谢!

Answer 1

1. 您可以以某种方式标记新的 .editable - 对于示例 - .unprocessed 并在点击后等待 .editable.unprocessed 出现(setTimeout() - http://www.w3schools.com/js/js_timing.asp ) 然后让它可编辑

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

   $('.editable').editable();