У меня странная проблема. У меня есть добавленный элемент, который содержит метку булавки. Я хочу добавить класс, нажав эту кнопку. Но на () не работает

HTML

{amp}lt;div id="lookbook-image260"{amp}gt; {amp}lt;img src="abc" alt="//image here"{amp}gt; {amp}lt;div class="button-style has-label position-top" id="slider-popup204" style="top: 0%; left:0%; background-color : #BBFAFF; color: #F0FF94; width : 40px; height: 40px"{amp}gt; // the label in pin label for when you hover it appears {amp}lt;div class="pin-label" data-lookbook-container="slider-popup204" style="line-height:40px"{amp}gt; {amp}lt;span{amp}gt; {amp}lt;/span{amp}gt; {amp}lt;span class="label"{amp}gt;jo{amp}lt;/span{amp}gt; {amp}lt;/div{amp}gt; //content of popup {amp}lt;div class="popup pin-popup position-top" id="slider-custombutton204" value="0"{amp}gt; {amp}lt;div{amp}gt; {amp}lt;div class="popup-title"{amp}gt;jo{amp}lt;/div{amp}gt; {amp}lt;div class="popup-custom-text"{amp}gt;uy{amp}lt;/div{amp}gt; {amp}lt;span class="slider-addtocart" id="291885956"{amp}gt;{amp}lt;a href="cart"{amp}gt;Add to cart{amp}lt;/a{amp}gt;{amp}lt;/span{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; 

JS

 //the .pin-label don't have the event $(document).on('click',".pin-label", function () { console.log('1');//this wont show in console $(this).parent().toggleClass('active'); }); //but this one work $(".pin-label").click(function () { console.log('2');// this show in console $(this).parent().toggleClass('active'); }); // The other on() fails but this on() works. .slider-addtocart is also an appended div. $(document).on('click', ".slider-addtocart", function(e) { e.preventDefault(); } 

Я использую Jquery 2.2.3. При проверке элемента после добавления есть только пин-код. Я также очищаю кеш и упаковываю оба js в $(document).ready(function() {} . Кто-нибудь может мне помочь?

— удалено из-за ложной информации —

Этот ответ следует удалить, так как объяснение неверно. Непонятно, почему этот ответ помог ОП.

Похоже, у вас нет элемента с классом .pin-label в вашем HTML

 $(document).on('click',".pin-label", function () 

Попробуйте изменить связанный класс element.can ли вы поделиться другим кодом, связанным с этим.