jQuery slideToggle隱藏/顯示問題

我有幾個問題，試圖手動插入一些jQuery功能到wordpress主題。我有一個基於jQuery的燈箱插件，工作正常。jQuery slideToggle隱藏/顯示問題

因此，如果我手動將jQuery腳本加載到wordpress中，函數似乎可以正常工作，而不是說隱藏的幻燈片會在應該隱藏的時候顯示它。或者應該工作的彈出窗口已經被顯示而不是隱藏了。我不認爲我應該手動將jQuery包含到我的皮膚中，但使用wp_enqueue_script（'jquery'）;似乎也沒有解決我的問題。

<script src="http://platform.twitter.com/anywhere.js?id=i5CnpkmwnlWpDdAZGVpxw&v=1" type="text/javascript"></script> 

<script type="text/javascript"> 
$(document).ready(function(){ 

    $(".btn-slide").click(function(){ 
     $("#twitpanel").slideToggle("slow"); 
     $(this).toggleClass("active"); 
    }); 

}); 
</script> 

<div id="tweetit"><a class="btn-slide">Tell em'</a> 
      <div id="twitpanel"></div> 
      <script type="text/javascript"> 

       twttr.anywhere(function (T) { 

       T("#twitpanel").tweetBox({ 
        height: 100, 
        width: 225, 
        defaultContent: "Some Random Text" 
       }); 

       }); 

      </script> 

      </div></h2>

就像我說的那樣，但它的工作方式應該是相反的。

我想我只是在加載錯誤？

TIA，大通

來源

2010-05-27 codeisforeva

也許你需要默認的div隱藏？

<div id="twitpanel" style="display:none"></div>

或

<div id="twitpanel" style="visibility:hidden"></div>

來源

2010-05-27 19:34:00 house9

沒有因爲功能的工作方式是它改變了類的鏈接不是股利。所以如果它被隱藏，那麼當你點擊鏈接時，它只會改變鏈接的類而不是div。你不需要修改div的css來使其工作。就像我說的那樣，它可以隱藏div，但最初應該隱藏起來，而不是顯示。 – codeisforeva 2010-05-27 20:53:07

slideToggle將更改div 請參閱http://api.jquery.com/slideToggle/ 「如果該元素最初顯示，則會隱藏;如果隱藏，則會顯示。」 – house9 2010-05-27 22:03:12

「如果元素最初顯示，它將被隱藏」..從API。所以既然它已經顯示出來了，它應該被隱藏起來。所以有些事情是不對的。添加display：none屬性使得它甚至不顯示週期。你點擊它，它滑動一下，然後什麼也沒有顯示。 – codeisforeva 2010-05-27 22:23:23

jQuery slideToggle隱藏/顯示問題

回答

相關問題