2013-05-10 116 views
-1

非常簡單的腳本在這裏,但我不知道爲什麼它不工作。jquery fadeout()工作,但slideUp()不

HTML:

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

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

的javascript:

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

如果我更換效果基本show()的淡出()它的工作原理,但是這不是我想要的效果。我究竟做錯了什麼?從ID

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

+1

你可以在http://jsfiddle.net重新創建嗎? – gdoron 2013-05-10 09:24:48

+0

似乎很好http://jsfiddle.net/arunpjohny/VjKn5/1/ – 2013-05-10 09:27:43

+0

我創建了一個小提琴,它工作得很好:http://jsfiddle.net/ftTLz/。 – 2013-05-10 09:28:24

回答

0

刪除#通過

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

對不起,這是一個錯字。它已經是id =「services-content」。 – babbaggeii 2013-05-10 09:25:06

+2

是的,這是沒有意義的,如果錯字是在源,fadeOut也不會工作。 – gdoron 2013-05-10 09:25:49

0

好的替代它,這是解決了。我一直在使用Foundation4,與此加載的jQuery:

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

所以不是,我直接加載的jQuery:

而現在它的工作原理。

+0

我可以推薦你關閉這個問題嗎?這有點本地化,對任何人都很有用,除非你編輯它,或許問問爲什麼Foundation4似乎與jQuery衝突。 – 2013-05-10 09:32:46

0

請在下面添加代碼中的引用,它會解決你的問題

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

而且Click here對於現場演示,使用這個jQuery ..

0

使用這個最新的jQuery庫。

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

其工作。