[問題] jQuery UI slide() 效果。

看板Ajax作者 (邪惡美麗)時間10年前 (2015/07/30 09:15), 10年前編輯推噓2(207)
留言9則, 2人參與, 最新討論串1/1
各位好,最近在練習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://www.ptt.cc/bbs/Ajax/M.1438218929.A.937.html

07/30 09:27, , 1F
官網的第二行就說明滑入的方向(direction)怎麼設定了
07/30 09:27, 1F

07/30 09:28, , 2F
我知道有這屬性 只是不知道可以用{direction :'方向'} 這樣子的寫法。 剛學習jQuery,是只要API有提到這些屬性可以設定,都是用這樣子的寫法嗎? 我以為是像函數參數傳遞方式一樣去設定方向,所以才不知道要怎麼決定。 另外還有問題就是,上述範例還是"滑入"效果,並沒有離開視窗。 請問是我哪邊理解有錯誤嗎? 感謝你的回答 ※ 編輯: EvilBeauty (117.56.105.46), 07/30/2015 10:17:43

07/30 11:34, , 3F
你的設定是"滑入",反方向使用就變成"滑出"了
07/30 11:34, 3F

07/30 11:41, , 4F

07/30 11:43, , 5F
我試了一下,將effect改成官網api介紹的toggle之後
07/30 11:43, 5F

07/30 11:45, , 6F
就變成滑出視窗了。不過由於你的動作是綁在div上,所
07/30 11:45, 6F

07/30 11:45, , 7F
滑出去之後就滑不回來了
07/30 11:45, 7F

07/30 11:46, , 8F

07/30 11:47, , 9F
抱歉,是這個網址才對。
07/30 11:47, 9F
我知道可以使用.toggle() 讓他消失。 可是那是因為.toggle() 是display/undisplay的關係。 或者換句話說,我的問題在.effect() 效果,到底在幹麻? 為何API解釋說是滑出? 卻是滑入。(又或者是我英文不好嗎?) 還是其實他滑出是指(空白部分) 而並非圖片本身? ※ 編輯: EvilBeauty (117.56.105.46), 07/30/2015 11:51:28
文章代碼(AID): #1LkNgnat (Ajax)
文章代碼(AID): #1LkNgnat (Ajax)