Проблема включения плагина editableText

Question

Я экспериментировал с этим плагином http://valums.com/edit-in-place/, пока все хорошо ... Но я столкнулся с этой проблемой. Я хочу обновить свою страницу при отправке обновления или нового запроса на сохранение данных, но если я обновлю эту функцию (редактирование на месте), она добавит второй набор кнопок, третий, четвертый и т. Д. Как я могу сказать ему, что он будет обновлять только эти возвращенные данные, но не все элементы? У меня есть идея, что она должна что-то делать с каждой функцией jquerys, но я не уверен, так как я новичок в 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) здесь ), это означает, что он ищет только элементы этого класса в пределах возвращены данные / html , а не все элементы на странице. Это должно устранить проблему с повторением выбора и запуска плагина для элементов, на которых он уже запущен.