將兩個功能分配給同一個按鈕？

我想附加一個點擊事件按鈕來彈出更多的div。我也想要相同的按鈕做更多的divs後，另一functon被按下，並點擊按鈕。我怎麼做？將兩個功能分配給同一個按鈕？

在此先感謝。

我的代碼：

jQuery的

$('#add').click(function(){ 
     $('.detail').fadeIn(300); 
     $(this).attr('id', 'add_go'); 

    }) 


$('#add_go').click(function(){ 
    //same button click the second time 
    alert('second function!'); 
})

HTML

<div> 
    <a href='#' id='add'>add</div> 

<div class='detail' style='display:none;'>more dive</div> 
<div class='detail' style='display:none;'>more dive</div> 
<div class='detail' style='display:none;'>more dive</div> 

</div>

來源

2012-12-03 FlyingCat

這將完全按原樣工作，除非您沒有使用過jQuery選擇器中的相同ID。 –

我會保持它的一個功能，在你所描述的情況：

$('#add').click(function(){ 
     //Check if divs are visible 
     if($('.detail').is(':visible'){ 
     alert('second function'); 
     }else{    
     $('.detail').fadeIn(300); 
     } 
})

來源

2012-12-03 23:29:46

簡單易行。謝謝。 – FlyingCat

將兩個功能分配給同一個按鈕？

回答

相關問題