看板 Ajax 關於我們 聯絡資訊
各位好,最近在練習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
Ammenze: 官網的第二行就說明滑入的方向(direction)怎麼設定了 07/30 09:27
Ammenze: http://jsfiddle.net/n2ff2hhL/1/ 07/30 09:28
我知道有這屬性 只是不知道可以用{direction :'方向'} 這樣子的寫法。 剛學習jQuery,是只要API有提到這些屬性可以設定,都是用這樣子的寫法嗎? 我以為是像函數參數傳遞方式一樣去設定方向,所以才不知道要怎麼決定。 另外還有問題就是,上述範例還是"滑入"效果,並沒有離開視窗。 請問是我哪邊理解有錯誤嗎? 感謝你的回答 ※ 編輯: EvilBeauty (117.56.105.46), 07/30/2015 10:17:43
leochen0818: 你的設定是"滑入",反方向使用就變成"滑出"了 07/30 11:34
leochen0818: http://jsfiddle.net/n2ff2hhL/1/ 07/30 11:41
leochen0818: 我試了一下,將effect改成官網api介紹的toggle之後 07/30 11:43
leochen0818: 就變成滑出視窗了。不過由於你的動作是綁在div上,所 07/30 11:45
leochen0818: 滑出去之後就滑不回來了 07/30 11:45
leochen0818: http://jsfiddle.net/n2ff2hhL/2/ 07/30 11:46
leochen0818: 抱歉,是這個網址才對。 07/30 11:47
我知道可以使用.toggle() 讓他消失。 可是那是因為.toggle() 是display/undisplay的關係。 或者換句話說,我的問題在.effect() 效果,到底在幹麻? 為何API解釋說是滑出? 卻是滑入。(又或者是我英文不好嗎?) 還是其實他滑出是指(空白部分) 而並非圖片本身? ※ 編輯: EvilBeauty (117.56.105.46), 07/30/2015 11:51:28