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

Adding an animated transition to a third party jquery plugin - Dropit

本文关键字：jquery 第三方 插件 Dropit 过渡到 动画 一个 添加      更新时间：2023-09-26

这是我在这里的第一篇文章，我希望有一天我也能贡献一些重要的东西:)

. .我添加了一个第三方jquery插件到一个网站，我正在工作，插件可以在这里找到http://dev7studios.com/dropit/

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

提前感谢大家!欢呼声

欢迎来到StackOverflow:)

我下载了插件，他们的代码格式和注释都很好。

如果你去drop .js的第28行和第40行，你会看到有"显示"answers"隐藏"下拉列表的代码。请注意，他们使用的是"hide()"answers"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中)" hide()"answers"show()"过渡到一些你想使用的过渡。

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

相关文章：