将动画过渡添加到第三方jquery插件 - Dropit

时间:2014-03-26 21:38:02

标签: javascript jquery html jquery-ui animation

这是我在这里的第一篇文章,我希望有一天我也能为重要的事情做出贡献:)

所以..我在我正在处理的网站上添加了一个方面的jquery插件,插件可以在这里找到http://dev7studios.com/dropit/

我的问题是,如何向隐藏的下拉列表添加一个简单的过渡,以便它可以顺利地下载网站的内容?我添加了jQuery UI核心,但(' class',1000)似乎不适用于插件的* .js ..

非常感谢大家! 干杯

1 个答案:

答案 0 :(得分:1)

嗨,欢迎来到StackOverflow:)

我下载了这个插件,他们的代码格式和评论都非常好。

如果你去dropit.js的第28和40行,你会看到有代码来显示"显示"并且"隐藏"下拉列表。请注意,他们正在使用" hide()"和" show()"所以你可以继续把它改成你喜欢的动画/效果。

例如,在第36行,你会发现:

$(this).parents(settings.triggerParentEl).addClass('dropit-open').find(settings.submenuEl).show();

您可以进行更改,例如:

$(this).parents(settings.triggerParentEl).addClass('dropit-open').find(settings.submenuEl).fadeIn();

非常简单,对吧?所以基本上你将会在(#js)chaning" hide()"和" show()"过渡到你想要使用的一些过渡。

编辑: 顺便说一句,这里有一些你可以使用jQuery的效果/转换:http://api.jquery.com/category/effects/