2013-05-10 92 views
-1

非常简单的脚本在这里,但我不知道为什么它不工作。jquery fadeout()工作,但slideUp()不

HTML:

<div class="services-tab">...</div> 

<div id="services-content">...</div> 

的javascript:

$(document).ready(function(){ 
    $(".services-tab").click(function(){ 
    $("#services-content").slideUp(); 
    }); 
}); 

如果我更换效果基本show()的淡出()它的工作原理,但是这不是我想要的效果。我究竟做错了什么?从ID

<div id="#services-content">...</div> 

+1

你可以在http://jsfiddle.net重新创建吗? – gdoron 2013-05-10 09:24:48

+0

似乎很好http://jsfiddle.net/arunpjohny/VjKn5/1/ – 2013-05-10 09:27:43

+0

我创建了一个小提琴,它工作得很好:http://jsfiddle.net/ftTLz/。 – 2013-05-10 09:28:24

回答

0

删除#通过

<div id="services-content">...</div> 
+1

对不起,这是一个错字。它已经是id =“services-content”。 – babbaggeii 2013-05-10 09:25:06

+2

是的,这是没有意义的,如果错字是在源,fadeOut也不会工作。 – gdoron 2013-05-10 09:25:49

0

好的替代它,这是解决了。我一直在使用Foundation4,与此加载的jQuery:

<script> 
    document.write('<script src=' + 
    ('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') + 
    '.js><\/script>') 
    </script> 

所以不是,我直接加载的jQuery:

而现在它的工作原理。

+0

我可以推荐你关闭这个问题吗?这有点本地化,对任何人都很有用,除非你编辑它,或许问问为什么Foundation4似乎与jQuery冲突。 – 2013-05-10 09:32:46

0

请在下面添加代码中的引用,它会解决你的问题

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

而且Click here对于现场演示,使用这个jQuery ..

0

使用这个最新的jQuery库。

<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 

其工作。