jquery - jquery fadeOut() 有效，但 slideUp() 无效

Question

这里的脚本非常简单，但我不知道为什么它不起作用。

HTML：

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

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

javascript:

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

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

score 0 · Accepted Answer

好的，这就解决了。我一直在使用 Foundation4，它用这个加载 jquery：

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

因此，我直接加载了 jquery：

现在它可以工作了。

score 0 · Accepted Answer

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

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

并单击此处查看使用此 Jquery 的实时演示 ..

score 0 · Accepted Answer

从 id 中删除 #

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

将其替换为

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

score 0 · Accepted Answer

使用这个最新的 jquery 库。

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

这是工作。

4 回答 4