Member 13863747 Ответов: 1

Перемещение строки таблицы взад и вперед между 2 таблицами

У меня есть этот код ниже, который позволяет мне перемещать значения из Таблица Случайных Фруктов к Стол С Зелеными Фруктами щелчком мыши по значению строки. И код также может переместить обратно значение, из которого я переместился Таблица Случайных Фруктов вернемся к делу Стол С Зелеными Фруктами. Проблема в том, что код способен выполнить этот процесс только один раз, но я хочу, чтобы он мог выполнять этот процесс неограниченное количество раз есть ли какой-нибудь простой способ сделать это любая помощь будет очень признательна спасибо!

Что я уже пробовал:

Вот мой JSFiddle[^]

1 Ответов

Рейтинг:
8

Chirag Sudra

Привет,

При щелчке строки в таблице случайных фруктов вы добавляете новое в таблицу зеленых фруктов, но ваш Jquery слушает событие только для элемента, который был создан во время загрузки страницы. Так что вам нужно немного изменить свой сценарий, чтобы

function listener(obj) {
   $(document).ready(function() {
     $(document).on("click","#fruityid td",function() {
   ... Rest of code goes here
});
});


При использовании $(document).on("click","element",function () {}) элементы повторно инициализируются при щелчке или других событиях.

Member 13863747

Спасибо Чираг Шудре, что это сработало, но знаете ли вы, почему, когда я когда-нибудь повторяю процесс перемещения значения вперед и назад, между строками появляются пустые места?

Chirag Sudra

На $('тело').на('нажмите', '.новый-зеленый-фрукты',)

вы используете функцию .detach (), но она применяется только к тексту, а не ко всей строке

попробовать это 

$('body').on('click', 'td.new-green-fruit', function() {
   data2 = this.innerHTML;
   k2 = Object.keys(obj).find(k => obj[k].indexOf(data2) >= 0)
   index2 = obj[k2].indexOf(data2);
   obj[k2].splice(index2, 1);
   obj2[key3].push(data2);
$(this).parent().detach();
    var element2 = $(this).detach();
    $('#fruityid > tbody').append('<tr><td>' + element2.html() + '</td></tr>');
	});


В приведенном выше я 1-й отсоединяю элемент от таблицы зеленых фруктов, и код отдыха такой же

Member 13863747

Вау, спасибо, что сработало, очень ценю это!