作者EvilBeauty (邪惡美麗)
看板Ajax
標題[問題] jQuery UI slide() 效果。
時間Thu Jul 30 09:15:26 2015
各位好，最近在練習codecademy 的jQuery 。
練習到jQuery UI單元，
裡面有個練習是關於slide() 效果的。
我去查詢官網API以及W3School 都是說。
"將目標物移出視窗"(他們都是使用toggle來demo，這點沒有問題)。
可是在codecademy的範例卻是"從視窗外滑入"。
是因為使用了.effect() 效果而有影響嗎?
程式碼如下:
------------------------------------------
$('div').effect('slide');
------------------------------------------
以下是程式碼含預覽畫面:
http://jsfiddle.net/n2ff2hhL/
(我的問題是，為何是從左滑入?) ->而並非API所寫滑出視窗?
另外該如何去改變，他滑入方向呢? (官網沒有傳入參數的介紹)
官網API介紹:
https://api.jqueryui.com/slide-effect/
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 117.56.105.46
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Ajax/M.1438218929.A.937.html
1F：推 Ammenze: 官網的第二行就說明滑入的方向(direction)怎麼設定了 07/30 09:27
我知道有這屬性 只是不知道可以用{direction :'方向'} 這樣子的寫法。
剛學習jQuery，是只要API有提到這些屬性可以設定，都是用這樣子的寫法嗎?
我以為是像函數參數傳遞方式一樣去設定方向，所以才不知道要怎麼決定。
另外還有問題就是，上述範例還是"滑入"效果，並沒有離開視窗。
請問是我哪邊理解有錯誤嗎? 感謝你的回答
※ 編輯: EvilBeauty (117.56.105.46), 07/30/2015 10:17:43
3F：推 leochen0818: 你的設定是"滑入"，反方向使用就變成"滑出"了 07/30 11:34
5F：→ leochen0818: 我試了一下，將effect改成官網api介紹的toggle之後 07/30 11:43
6F：→ leochen0818: 就變成滑出視窗了。不過由於你的動作是綁在div上，所 07/30 11:45
7F：→ leochen0818: 滑出去之後就滑不回來了 07/30 11:45
9F：→ leochen0818: 抱歉，是這個網址才對。 07/30 11:47
我知道可以使用.toggle() 讓他消失。
可是那是因為.toggle() 是display/undisplay的關係。
或者換句話說，我的問題在.effect() 效果，到底在幹麻?
為何API解釋說是滑出? 卻是滑入。(又或者是我英文不好嗎?)
還是其實他滑出是指(空白部分) 而並非圖片本身?
※ 編輯: EvilBeauty (117.56.105.46), 07/30/2015 11:51:28