jquery fadeOut()有效,但slideUp()没有

时间:2013-05-10 09:22:10

标签: jquery

这里非常简单的脚本,但我无法理解为什么它不起作用。

HTML:

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

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

的javascript:

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

如果我用fadeOut()替换slideUp()它可以工作,但这不是我想要的效果。我做错了什么?

4 个答案:

答案 0 :(得分:0)

从ID中删除#

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

将其替换为

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

答案 1 :(得分:0)

好的,这已经解决了。我一直在使用Foundation4,它用这个加载jquery:

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

相反,我直接加载了jquery:

现在它有效。

答案 2 :(得分:0)

请在您的代码中添加以下引用,它将解决您的问题

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

Click here对于使用此Jquery的实时演示..

答案 3 :(得分:0)

使用这个最新的jquery库。

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

它的工作。