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，否则你只需要常规的'fadeIn / fadeOut。

Answer 3

将事件绑定在文档就绪

上

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

fadeToggle问题用jQuery

3 个答案: