JQuery .click (функция() {не работает

Question

<a class="click_' + module_row + '_' + element + '_on">Show</a> 
<div class="div_' + module_row + '_' + element + '_show">div content</div> 

$('.div_' + module_row + '_' + element + '_show').hide(); 
$('.click_' + module_row + '_' + element + '_on').click(function(){ 
    $('.div_' + module_row + '_' + element + '_show') 
    .fadeIn('slow') 
    .show('slow') 
}); 

Я пытаюсь показать динамически содержание DIV с помощью JavaScript. Но не работает.

Answer 1

Я предполагаю, что вы добавляете это динамически с помощью JavaScript, если это так, вы должны использовать:

$(document).on('click','.click_' + module_row + '_' + element + '_on',function() {   
    // hide here, that is simple 
}); 

Edit 1) есть ли у вас module_row и элемент определен? Я думаю, что это проблема. Расскажите нам больше об этих селекторах?

Редактировать 2) Поскольку вы сказали мне, что module_row и элементы - это числа, вы должны использовать другой синтаксис. Используйте php, чтобы поместить атрибут module_row и element в атрибут. Код HTML:

<a class="div_show" data-module="module_row" data-element="element">div content</div> 

код JS:

$(document).on('click','.click_on',function (e) {   
    // not to reload the page   
    e.preventDefault(e); 
    var module = $(this).attr('data-module'); 
    var element = $(this).attr('data-element'); 
    $('div_' + module + '_' + element + '_show').hide() 
}); 

Вы, возможно, потребуется настроить его вокруг немного больше, но вот это