jquery - jQuery的fadeToggle问题

Question

我正在尝试使用 jQuery 做一个简单的 fadeToggle() 并且由于某种原因代码没有触发。我想单击第一个链接以<li>显示其他四个列表项。

这是HTML：

 <ul>
        <li><a id="filters-switch" href="javascript:void(0)">filters</a></li>
        <li class="filters"><a href="http://cargocollective.com/dzangtech/filter/event/">events</a></li>
        <li class="filters"><a href="http://cargocollective.com/dzangtech/filter/release/">releases</a></li>
        <li class="filters"><a href="http://cargocollective.com/dzangtech/filter/misc/">misc.</a></li>
        <li class="filters"><a href="http://cargocollective.com/dzangtech">all</a></li>
 </ul>

这是JavaScript：

<script type="text/javascript">
  $("#filters-switch").click(function() {
  $(".filters").fadeToggle("slow", "linear");
});
</script>

如果它有助于查看，这也是该网站： http: //cargocollective.com/dzangtech。链接在左上角。

Answer 1

您正在使用jQuery v1.4.2，显然它没有功能fadeToggle- 更新到最新版本。

编辑：是的，fadeToggle在 1.4.4 中。

Answer 2

.fadeToggle() 是在 jQuery 1.4.4 中添加的——看起来您的网站使用的是 jQuery 1.4.2。尝试升级 jQuery，否则你只需要常规的 ol'fadeIn/fadeOut。

Answer 3

将事件绑定到文档就绪

$(document).ready(function(){
  $("#filters-switch").click(function() {
    $(".filters").fadeToggle("slow", "linear");
   });
});