作者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/cn.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