透明度切換不工作

所以我有這樣的代碼：透明度切換不工作

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"> 
    $(document).ready(function() 
    { 
     $(".regcontainer").hide(); 
     $(".registrateimg").click(function(){ 
     $(".regcontainer").animate({ 
     height:"toggle", 
     opacity:"toggle"} 
     ,"slow");}); 
    } 
    ); 
</script>

的問題是，當我加載頁面的登記表是存在的，它必須被隱藏，直到點擊圖像，哪一類是registrateimg上。我認爲我的代碼沒問題。我看到了另一個類似這樣的話題，但問題在於它沒有使用$（document）.ready ...並且在這裏。我不知道我的錯誤在哪裏。

來源

2017-03-06 Ivan Petrov

_「當我加載頁面的登記表有」 _，以及你的不透明度切換是不是在頁面加載運行，它的運行點擊''。如果你想隱藏它，那麼在你的CSS中給你的表單一個'opacity：0'值。另外，如果您在腳本標籤上設置了'src'屬性，則標籤之間的代碼將不會運行。 –

@PatrickEvans謝謝:) –

使用兩個腳本標記，一個用於裝載jQuery的，一個是你自己的代碼：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
<script> 
    $(document).ready(function() 
    { 
     $(".regcontainer").hide(); 
     $(".registrateimg").click(function(){ 
     $(".regcontainer").animate({ 
     height:"toggle", 
     opacity:"toggle"} 
     ,"slow");}); 
    } 
    ); 
</script>

（也，你不需要類型= 「文/ JavaScript的」位）

來源

2017-03-06 18:30:53

謝謝你LOT –

很高興幫助！如果你覺得我的回答對你有幫助，你可以[接受我的回答]（http://meta.stackexchange.com/a/5235）。 –

你可以用另一種方式。下面的方法將隱藏你的元素

$(".regcontainer").css("display","none");

或

$(".regcontainer").css('opacity', '0');

來源

2017-03-06 18:46:40 AliDK

謝謝，但主意就是這樣。我將在我的另一個項目中明確地使用它。 :) –

透明度切換不工作

回答

相關問題