jQuery的。点击（函数（）{不工作

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') 
}); 

我试图动态显示通过JavaScript一个div内容，但无法正常工作。

Answer 1

我猜您要添加它动态地通过JavaScript，如果这是你应该使用的情况：

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

编辑1）你有module_row和元素定义？我认为这是问题。告诉我们更多关于这些选择器的信息吗？

编辑2）由于您告诉我，module_row和元素是数字，您应该使用不同的语法。使用php将module_row和元素放在属性中。代码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() 
}); 

您可能需要四周多一点调整，但多数民众赞成