的JQuery的slideToggle不會滑動（沒有錯誤，包括代碼）

所以我得到它的工作就好了第一頁上我試了一下：的JQuery的slideToggle不會滑動（沒有錯誤，包括代碼）

http://www.uksf.net/platoon.php

，但我不能讓它在前面工作頁面：

http://www.uksf.net/index.php（側面導航欄應該有一個小菜單下拉（你可以在檢查員看到））。

滑動切換不起作用我已經花了幾天的時間來解決這個問題，所以我還沒來得及發表意見，謝謝。

下面是HTML

<div class="sn1"> 
    <div class="sidelink">Enlistment</div> 
     <div class="sn1group"> 
      <div class="sidelinksub"> 
       <div>&gt;&gt; Application</div> 
       <div>&gt;&gt; Roles</div> 
      </div> 
     </div> 

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"> 
     $(document).ready(function(){ 
      $(".sn1").click(function(){ 
      $(".sn1group").slideToggle("slow"); 
      }); 
     }); 
    </script> 
    </div> 
</div>

這裏是CSS

.sidelink{ 

width:auto; 
height:auto; 
color:white; 
font-size:25px; 
text-align:center; 
padding: 8px 1px; 
margin: 0px; 
margin-top: 4px; 
border-style:solid; 
border-width:1px; 
border-color:rgba(25,25,25,0.85); 
background-size:234px 55px; 
background-image:url('../img/mc2.png'); 
display:block; 
overflow:auto; 
} 

.sidelinksub{ 
width:160px; 
height:auto; 
color:white; 
font-size:10px; 
text-align:left; 
padding: 4px 1px; 
margin-left: 38px; 
margin-bottom:4px; 
border-style:solid; 
border-width:1px; 
border-color:rgba(25,25,25,0.85); 
background-color:rgba(48,48,48,0.75); 
display:block; 
overflow:auto; 
}

來源

2014-01-28 user3211248

我收到了「未捕獲的RangeError：最大調用堆棧大小超出了」錯誤在http：//www.uksf.net/index.php ... – sgtdck

你需要把你的jQuery代碼另一個script標籤中：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 

<script> 
    $(document).ready(function(){ 
     $(".sn1").click(function(){ 
      $(".sn1group").slideToggle("slow"); 
     }); 
    }); 
</script>

來源

2014-01-28 02:44:06 Felix

我剛剛添加，檢查http://www.uksf.net/index.php 它反彈？ – user3211248

修正它在.slidetoggle之前添加.stop – user3211248

，如果您使用的是來自CDN的jQuery庫，我會給腳本標記以下屬性。它需要你把類型=「文本/ JavaScript」嵌入式腳本與JavaScript或js庫，如jQuery。還添加了完整的URL src屬性，（使用PHP時，你應該動態鏈接添加到您要使用樣式表）：

<script src="http://code.jquery.com/jquery-1.10.1.min.js" type="text/javascript"> 
    enter code here 
</script>

來源

2014-01-28 02:49:21 eStiffler

的JQuery的slideToggle不會滑動（沒有錯誤，包括代碼）

回答

相關問題