javascript - editableText 插件启用问题

Question

我一直在试验这个插件http://valums.com/edit-in-place/，到目前为止一切都很好......但我遇到了这个问题。我想在发送更新或保存数据的新请求时更新我的​​页面，但是如果我更新此功能（就地编辑），它将添加第二组按钮，第三组，第四组等。我怎么能告诉它它只会更新返回的数据，而不是所有元素？我有一个想法，它必须对 jquery 的每个功能做一些事情，但我不确定，因为我对 jquery 很陌生。谢谢你的帮助！

Answer 1

您可以给选择器一个context，例如，如果您现在这样做：

 $('.editableText').editableText({
    newlinesEnabled: false
 });

success在你的 ajax 回调中，在or方法中调用它时给它一个上下文complete，无论你在哪里添加元素，就像这样：

$.ajax({
  ...options here...
  success: function(data) {
    $('.editableText', data).editableText({
      newlinesEnabled: false
    });
    //insert the elements somewhere...
  }
});

给, data它一个上下文（你可以在这里看到选项$(selector, context)），这意味着它只在返回的 data/html中搜索该类的元素，而不是页面上的所有元素。这应该消除您在已经运行的元素上选择和运行插件的重复问题。