嗨我一直有這個問題與jQuery的幻燈片效果,我想得到的效果是當你點擊問題的答案滑下來。它正在爲第一個工作,但不是爲了接下來的幾個問題。這裏是一個鏈接的例子http://jsfiddle.net/p8CLN/3/ $(document).ready(function(){ $("#question").click(function(){ $("#answer").slideToggle("slow"); }); });
我真的很難過這一個。jQuery的幻燈片效果
回答
所有的ID轉換爲類,並給予點擊功能方面:
$(document).ready(function(){
$(".question").click(function(){
$(this).next(".answer").slideToggle("slow");
});
});
在這裏看到更新的小提琴 - http://jsfiddle.net/teddyrised/p8CLN/8/
感謝特里這解決了我的問題,正是我一直在尋找 – user1848831 2013-03-02 00:52:27
不客氣。如果它對你有幫助,請接受它作爲答案。 – Terry 2013-03-02 00:54:48
是的,謝謝我只能在6分鐘內接受它 – user1848831 2013-03-02 00:57:12
ID必須是唯一的。
Here是更新的小提琴。我用班級名稱替換了ID,並使用.next()
來獲取適當的答案元素。
這是因爲您使用的ID爲question
和answer
的多個元素。 Id必須是唯一的,因爲jquery會在找到第一個id後停止構建集合。
我已經更新您的提琴修復:
說明我還需要改變CSS並增加了使用next('.answer')
的切換僅定位到爲隨後的回答所點擊的問題。
$(document).ready(function(){
$(".question").click(function(){
$(this).next(".answer").slideToggle("slow");
});
});
您爲多個元素提供相同的ID。 該ID必須是唯一的。 一旦文件準備就緒。 on document.ready您可以綁定單擊事件 您可以使用下一個作爲解決方案。 這裏是你不應該有每個ID出現了多次的例子
$(document).ready(function()
{
$(".question").click(function()
{
$(this).next(".answer).slideToggle("slow");
});
});
- 1. 幻燈片效果(jQuery的)
- 2. jQuery的幻燈片效果
- 3. JQuery的幻燈片效果
- 4. jQuery幻燈片效果
- 5. 幻燈片效果
- 6. 幻燈片效果
- 7. jQuery:幻燈片效果/補間幻燈片選項
- 8. jQuery幻燈片效果幻燈片div分開
- 9. 圖片幻燈片效果
- 10. 幻燈片效果的Android
- 11. 在jQuery中創建幻燈片效果
- 12. Java腳本幻燈片放映(添加幻燈片效果)
- 13. jquery幻燈片
- 14. jQuery幻燈片
- 15. jQuery幻燈片
- 16. 追加與幻燈片效果的div
- 17. jQuery的幻燈片
- 18. jQuery的幻燈片
- 19. wp next_post分頁幻燈片效果
- 20. 添加在幻燈片過渡效果
- 21. 幻燈片效果發生太多次
- 22. 過渡效果 - 淡入到幻燈片
- 23. 輕快像幻燈片效果
- 24. 一整個網站,幻燈片效果
- 25. 添加幻燈片效果Sliderman.js
- 26. JqueryUI「幻燈片」效果不起作用
- 27. JQuery Gallery +幻燈片
- 28. jquery/javascript圖片幻燈片
- 29. 使用jQuery Ui的幻燈片效果滑動後續元素
- 30. 在沒有Jquery的Javascript中使用幻燈片效果
。 – Terry 2013-03-02 00:48:30
身份證號碼是唯一的,投票結果爲一萬份其他複本! – adeneo 2013-03-02 00:48:55
@Terry您不允許*每個ID有多次發生。 – 2013-03-02 00:49:08