fadeToggle問題與jQuery

我試圖做一個簡單的fadeToggle（）與jQuery和由於某種原因代碼沒有解僱。我想單擊第一個<li>中的鏈接以使其他四個列表項出現。fadeToggle問題與jQuery

這裏的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。鏈接位於左上角。

來源

2012-09-29 Danny Cooper

您正在使用jQuery的。5.0，顯然它並不擁有fadeToggle - 更新爲最新。

編輯：是的，fadeToggle進來1.4.4。

來源

2012-09-29 22:31:34 moonwave99

謝謝！就是這樣。只要我被允許，我會盡快將其標記爲答案。 –

綁定在文檔中的事件準備

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

來源

2012-09-29 22:31:13

.fadeToggle（）被添加到jQuery 1.4.4中 - 看起來像您的網站使用的是jQuery 1.4.2。嘗試升級jQuery，否則你只需要定期點擊「淡入/淡出」。

來源

2012-09-29 22:35:30

fadeToggle問題與jQuery

回答

相關問題