动态地为类添加函数

Question

我使用内联编辑器进行引导，需要在javascript中启动。

我想使用一般课程＆＃34; editable＆＃34;对于元素，但是当我使用jQuery.load时会出现问题。

如果我宣布$（＆＃39; .editable＆＃39;）。editable（）;它工作，但当我使用jQuery.load从外部文件加载一些内容时，它不适用于加载div中的元素。

我需要运行$（＆＃39; .editable＆＃39;）。editable（）;再次使其成功。

如何将该功能分配给该类并动态工作？

由于

Answer 1

您可以在AJAX事件完成时运行一个函数：

http://api.jquery.com/ajaxComplete/

如果您在该回调中运行$('.editable').editable();，则应该有效。

例如：

$( document ).ajaxComplete(function() {
  $('.editable').editable();
});

Answer 2

确定。我找到了一种方法，而不是干净的方式！

可编辑插件添加了一个类＆＃34;可编辑单击＆＃34;。 我在悬停时做了一个监听器，如果没有该类在元素上运行该函数。

最终代码：

$('body').on('mouseover', '.editable', function(event) {
    if( !$(this).hasClass('editable-click') )
        $(this).editable();
});