的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不会滑动（没有错误，包括代码）

回答

相关问题