Работа с событием Click срабатывает только один раз, когда я добавляю Sidebar [duplicate]

Попробуйте следующее:

$('#parent').on('click', '#child', function() {
    // Code
});

Из документации $.on() :

Обработчики событий привязаны только к выбранным в данный момент элементам ; они должны существовать на странице в момент, когда ваш код делает вызов .on().

Ваш #child элемент не существует, когда вы вызываете $.on() на нем, поэтому событие не связано (в отличие от $.live()). #parent, однако существует , поэтому привязка события к этому прекрасна.

Второй аргумент в моем коде выше действует как «фильтр», чтобы запускать только, если событие [b8] от #child до #parent.

Я использовал «живой» в своем проекте, но один из моих друзей предположил, что вместо «живого» я ​​должен использовать «on». И когда я попытался использовать это, у меня возникла такая проблема, как у вас.

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

Другие решения, такие как использование его, как ребенок, каждый раз нажимают ваши функции каждый раз при каждом нажатии. Но я нашел способ сделать это снова, и вот решение.

Напиши свой код как:

function caller(){
    $('.ObjectYouWntToCall').on("click", function() {...magic...});
}

Call caller (); после того, как вы создадите свой объект на странице следующим образом.

$('<dom class="ObjectYouWntToCall">bla... bla...<dom>').appendTo("#whereeveryouwant");
caller();

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

Эквивалент .live () в 1.7 выглядит так:

$(document).on('click', '#child', function() ...); 

В принципе, смотрите документ для событий кликов и фильтруйте их для #child.

$(document).on('click', '#selector', function() { /* do stuff */ });

EDIT: Я предоставляю немного больше информации о том, как это работает, потому что ... слова. В этом примере вы размещаете слушателя по всему документу.

Когда вы click на любом элементе (элементах), соответствующем #selector, событие пузырится до основного документа - пока нет других слушателей, которые вызывают метод event.stopPropagation() - который вверх по пузырьку события для родительских элементов.

Вместо привязки к определенному элементу или набору элементов вы слушаете любые события, исходящие от элементов, соответствующих указанному селектору. Это означает, что вы можете создать один прослушиватель, один раз, который будет автоматически соответствовать текущим существующим элементам, а также любым динамически добавленным элементам.

Это разумно по нескольким причинам, включая использование производительности и памяти (в больших масштабах приложения)

.on () для jQuery версии 1.7 и выше. Если у вас установлена ​​более старая версия, используйте это:

$("#SomeId").live("click",function(){
    //do stuff;
});

Я знаю, что немного поздно ответить, но я создал полиполк для метода .live (). Я тестировал его в jQuery 1.11, и, похоже, он работает очень хорошо. Я знаю, что мы должны внедрять метод .on (), где это возможно, но в больших проектах, где невозможно преобразовать все вызовы .live () в эквивалентные вызовы .on () по любой причине, work:

if(jQuery && !jQuery.fn.live) {
    jQuery.fn.live = function(evt, func) {
        $('body').on(evt, this.selector, func);
    }
}

Просто включите его после загрузки jQuery и перед вызовом live ().