jQuery切換功能在第一次點擊時不起作用

我在創建文檔時意識到了解決這個問題的方案，以此來回答這個問題......所以我發佈了答案，如果沒有其他理由而不是讓我免於浪費當頁面呈現的功能將按照以下順序時間在這在未來jQuery切換功能在第一次點擊時不起作用

2008-11-13 Jay Corbett

toggle()有時候很麻煩，我已經做了一些奇怪的事情來檢查標記（取消選中它們）和其他各種問題。我建議只是使用點擊事件來處理它，而不是輕微的煩惱。而這樣一來，你就不必擔心什麼狀態#lowerDiv是擺在首位：

$('#upperDiv').click(function() { 
    $('#lowerDiv').animate({ 
     'opacity' : 'toggle', 
    }); 
});

來源

2008-11-13 21:15:46 Owen

謝謝，我會給予一些考慮 – 2008-11-13 21:29:20

如果要切換的內容顯示（可見），如果內容被隱藏原本然後反轉功能

<html> 
<head> 
<style> 
#upperDiv {width:200px; height:20px; text-align:center; cursor:pointer; } 
#lowerDiv {width:200px; height:20px; background-color:red; border:#206ba4 1px solid;} 
</style> 

<script language="Javascript" src="javascript/jquery-1.2.6.min.js"></script> 
<script type="text/JavaScript"> 

$(function(){ 
$('#upperDiv').toggle (
    function(){ 
     $("#lowerDiv").hide() ; 
     }, 
    function(){ 
     $("#lowerDiv").show() ; 
     } 
); // End toggle 
}); // End eventlistener 

</script> 
</head> 
<body> 
<div id="upperDiv" >Upper div</div> 
<div id="lowerDiv" >Lover Div</div> 
</body> 
</html>

來源

2008-11-13 21:11:45

我知道這是一個非常古老的問題，但只是人們正在尋找一種快速解決這爲我工作：

a。在PHP/HTML文件中：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/.../jquery.min.js"></script> 
    <script> 
    $(document).ready(function(){ 
     $("#pClick").click(function(){   
      $("#pText").toggle(); 
      $("#pText").text("..."); 
     }); 
    }); 
    </script>

b。在CSS文件：

#pText {display: none;}

現在它甚至在第一次點擊。這是一個簡單而快速的答案，我希望這會很有用。

來源

2017-12-08 14:24:09 thvs86

jQuery切換功能在第一次點擊時不起作用

回答

相關問題