javascript - jQuery .click(function(){ 不工作

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 和 element？我认为这就是问题所在。告诉我们更多关于这些选择器的信息？

编辑 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()
});

您可能需要稍微调整一下，但仅此而已