javascript - DOM更改后如何初始化x可编辑的内容?

原文 标签 javascript jquery ruby-on-rails x-editable

我认为这种菜鸟问题,但无论如何
我的文档中已初始化了x可编辑的插件

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


当我单击选项卡并且页面的某些部分通过局部刷新后,在此新元素上无法使用x-editable。

我试图做这个把戏:

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


这可行,但是现在我必须单击两次以在.editable元素上调用x-editable,第一次是初始化x-editable,第二次是调用x-edit popover。

在这种情况下,最佳做法是什么?

提前致谢!

最佳答案

您可以以某种方式将新的.editable标记为-样本-.unprocessed,然后在出现.editable.unprocessed时单击等待(setTimeout()-http://www.w3schools.com/js/js_timing.asp),然后使其可编辑
您可以使用.js.erb视图从服务器返回数据,并在刷新页面部分后添加

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

相关文章:

javascript - 如果孩子使用jQuery,则将类应用于父类

javascript - 当动态创建文件输入时,jQuery文件上载无效

javascript - 为什么mousdown在<html> -tag上不起作用?

javascript - 图像上传前有多个缩略图

jquery - 使jQuery offset()在Ajax加载的内容上工作时出现问题

ruby-on-rails - 您如何访问通过Paperclip / Ruby on Rails上传的文件的原始内容?

javascript - 将参数从服务器对象传递到JavaScript的最佳方法

javascript - 在D3.js中的动画饼图中添加新的细分

ios - 在iOS应用中删除请求后,奇怪超时

ruby-on-rails - Rails:争论太少