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

我认为这种菜鸟问题,但无论如何
我的文档中已初始化了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 ruby-on-rails x-editable

相关文章:

javascript - 将嵌套的ng-repeat与angular的对象数组一起使用

javascript - 检查与Google Maps API的连接(中国防火墙)

javascript - 检查文件是否存在

javascript - 如何使用“ javascript”访问属性文件

javascript - 单击时在Twitter Bootstrap中隐藏模式

javascript - 使用jQuery对元素排序(数值可比对象有问题)

javascript - 像k2.pl一样平滑的水平滚动

javascript - 允许用户上传HTML / JS文件的风险

javascript - jQuery帮助创建Ajax渲染

javascript - Angular 2-rxjs-可观察数组