editableText插件启用问题

Question

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

Answer 1

您可以为选择器提供一个上下文，例如，如果您现在正在执行此操作

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

： ajax 回调，在 success 或 complete 方法中调用它时为其提供上下文，无论您在何处添加元素，如下所示：

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

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