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

您可能需要四周多一點調整，但多數民衆贊成