вопросы Dom при использовании JQuery фильтра плагин

Question

Я использую https://github.com/chromawoods/instaFilta для фильтра таблицы

Таблица имеет динамической вставки строки с помощью Ajax и каждый ряд ячеек можно обновить с помощью редактирования на месте с помощью:

https://github.com/itinken/jinplace

Теперь, когда я добавляю новую строку, а затем редактирую, например, «title» на «Linux», а затем пытаюсь отфильтровать, она покажет строку с «Linux», и если я снова изменю «Linux» на «Unix» и снова попробуйте фильтр без перезагрузки страницы с сервера - слово «Unix» будет изменено на старые данные - здесь «Linux» и fi lter не будет работать, и когда я перезагружу страницу, заголовок будет показан правильно «Unix».

Таким образом, дом обновляется из устаревших данных, когда я пытаюсь фильтровать.

Код:

// В редактированием

$(document).on('click', 'span.editable', function(event) { 
    $('.editable').jinplace({ 
     url: '/onit/web/data-updater.php', 
     textOnly: false, 
     placeholder: '', 
     okButton: '', 
     cancelButton: '' 
    }) 
    .on('jinplace:done', function(event, data) { 
     console.log('Successful! New value is', data); 
    }); 
}); 

и это код

// Фильтр

$(document).on('click', '#filter-me', function(event) { 
    //event.preventDefault(); 
    $('#filter-me').instaFilta({ 
     //scope: '.content-wrapper', 
     //targets: '.instafilta-target', 
     caseSensitive: false, 
     markMatches: true, 
     beginsWith: false, 
     matchCssClass: 'instafilta-match', 
     itemsHideEffect: 'slideUp', 
     itemsHideDuration:300 
    }); 
}); 

Как я могу сделать обновление фильтра, когда строка обновляется с помощью редактирования на месте или как я могу сказать instaFilta, чтобы получить последний dom?

Answer 1

вы можете попробовать это

$(document).ajaxComplete(function() { 
    $("#filter-me").instaFilta({ 
     scope: "#ex1" 
    }); 
}); 

инициализировать фильтрацию после АЯКС конца