javascript - 如何让 x-editable 使用 ajax 内容

Question

我对实时加载的 ajax 内容和 .editable(); 有疑问

我正在通过需要能够绑定到父页面上的 .editable() 函数的 ajax 加载内容。我在解决这个问题的文档方面没有找到太多东西。我想我一定是瞎了眼了。

尝试通过 ajax 实时加载的内容访问它时，如何让这个 .editable 工作：

 $('#charge_name a').editable({
     // scripts here...
 });

非常感谢你的帮助！！！

Answer 1

Among the options there is a parameter called selector

More info here http://vitalets.github.io/x-editable/docs.html#editable

This would delegate editable to the targets even after they've been added to the DOM after load.

Answer 2

我不确定这是否是最好的方法，但为了找不到更好的解决方案，这就是我想出的：

我创建了一个函数来包含我的可编辑脚本，例如：

 function myEditables(){
       $('#charge_name a').editable({
          // scripts here...
       });
 }

然后，当我需要在页面上激活我的可编辑项时，无论是在 ajax 调用还是页面加载之后，我都只需调用函数的名称：myEditables();

如果有人知道更好的方法，请告诉我，我将不胜感激。谢谢！