0

jQueryで単純なfadeToggle（）を実行しようとしていますが、何らかの理由でコードが起動しません。<li>最初のリンクをクリックして、他の4つのリスト項目を表示したいと思います。

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>

また、これは、それを確認するのに役立つWebサイトです：http：//cargocollective.com/dzangtech。リンクは左上にあります。

4

3 に答える 3

3

jQuery v1.4.2を使用していますが、機能がないようですfadeToggle。最新に更新してください。

編集：はい、fadeToggle1.4.4で提供されます。

于 2012-09-29T22:31:34.687 に答える
2

.fadeToggle（）はjQuery1.4.4で追加されました--サイトがjQuery1.4.2を使用しているようです。jQueryをアップグレードしてみてください。そうしないと、通常のol'fadeIn/fadeOutだけが必要になります。

于 2012-09-29T22:35:30.027 に答える
0

ドキュメントにイベントをバインドする準備ができました

$(document).ready(function(){
  $("#filters-switch").click(function() {
    $(".filters").fadeToggle("slow", "linear");
   });
});
于 2012-09-29T22:31:13.547 に答える