用onclick調用隱藏的div

我有一個按鈕的div，我想單擊並用隱藏的div替換頁面上的內容。請記住，這可以在沒有onclick函數的情況下工作（閃爍第一個div，然後直接跳轉到第二個），但是當我添加onclick時它不起作用。用onclick調用隱藏的div

<div id="next" class="button" name="somename"></div> 

<script> 
    $("next").click(function() { 
      $('#div1').fadeOut('medium',function(){$('#div2').fadeIn('medium');} 
    }); 
</script>

按鈕類有一些css屬性和一個圖像用作按鈕。

來源

2011-09-27 Sergei Nikolai

以及你錯過了「＃」之前「下一步」 .. – amosrivera

他爲什麼時，他提出，對於DIV1忘記！ – zod

是的，我意識到，這只是一個錯字，但不會以任何方式，任何其他想法？ –

你在做什麼只是添加一個onclick處理程序的問題。你實際上並沒有觸發該點擊。對於這一點，你需要一個簡單的$('#next').click();，或$('#next').trigger('click');

來源

2011-09-27 21:05:08

他不想觸發點擊，只需設置點擊事件。 – jtfairbank

在div創建完成後，onclick處理函數被分配，所以你正確地說，只是給div的onclick事件分配一個處理函數實際上並不會觸發該事件。然而，如果用戶實際上點擊div，它看起來仍然會工作...呃，如果是$（「＃next」），它就會工作，但其他海報已經說過了。我想這取決於OP何時期望發生這種行爲（正確，因爲分配發生[不正確]或當用戶點擊div [正確]時） –

我希望他們能夠點擊該div並調用淡入淡出效果用第二個隱藏第一個div。我需要觸發某處嗎？ –

如果「下一個」是一個ID，那麼你需要$（「＃未來」）。單擊您還需要第二個div（假設有的話） onclick不應該是必要的。

來源

2011-09-27 21:06:36 TyrusC

你沒有在jQuery中正確地引用div，你忘了＃來引用id。

$("next").click(function() { ... }

應該

$("#next").click(function() { ... }

來源

2011-09-27 21:08:32 jtfairbank

這沒有任何區別 –

用onclick調用隱藏的div

回答

相關問題