JQuery клик не работает

Question

Я следующий простой HTML блок:

<span class="change_ordering show-list" data-ordering-by="product_list" data-ordering-direction="desc">By list</span> 

Тогда я следующий JS-код:

$(document).ready(function() { 
    $('.show-list').click(function() { 
     console.log('qwe'); 
    }); 
}); 

Когда я нажимаю на него - ничего не происходит. Но когда я вставляю этот js-код в консоль Google Chrome JS, он работает отлично. JS отлично работает на моем сайте, я могу выполнять другие действия JQuery. Я также попытался написать $('.change_ordering.show-list') и $('span.change_ordering.show-list') и $('span.show-list'), но все равно никакого прогресса. Что мне не хватает?

EDIT: Этот элемент не дроуется ajax. Я не понимаю, почему он дублируется.

Answer 1

Пожалуйста, обратитесь нажмите, используя следующий способ

$(document).on("click",".show-list",function(){}) 

Он будет работать