Javascript jQuery动画-展开正确的文本内容?
嗨,我正在尝试制作动画或给任何幻灯片效果来切换类(实际的扩展),因为它现在有点简单 这是我目前正在你的帮助下进行的工作,但它没有做任何事情,也无法解决问题Javascript jQuery动画-展开正确的文本内容?,javascript,jquery,html,css,jquery-animate,Javascript,Jquery,Html,Css,Jquery Animate,嗨,我正在尝试制作动画或给任何幻灯片效果来切换类(实际的扩展),因为它现在有点简单 这是我目前正在你的帮助下进行的工作,但它没有做任何事情,也无法解决问题 $(document).ready(function(){ $(".gamewrapper").click(function(){ $(".game-name", this).toggleClass("black"); $(this).toggleClass("expand", 1000); }); }); 谢谢你的
$(document).ready(function(){
$(".gamewrapper").click(function(){
$(".game-name", this).toggleClass("black");
$(this).toggleClass("expand", 1000);
});
});
谢谢你的帮助
提前感谢jQuery的
.toggleClass()
方法只接受一个参数,您在那里得到的1000
没有任何作用
如果要在使用展开类和不使用类之间设置css更改的动画,必须:
1) 在这些属性上使用CSS转换:
2) 使用另一个插件。jQueryUI有一个switchClass插件可以实现这一点
我同意尼古拉斯的看法
CSS3转换、jQueryUI或您也可以使用jQuery.animate设置所有单个样式的动画
例如
jQuery UI方法是内置的jQuery方法覆盖:
jQueryUI覆盖几个内置的jQuery方法,以便
提供附加功能。当使用这些覆盖时,它是
确保jQuery UI已加载很重要。如果jqueryui不是
加载后,方法仍将存在,但预期的功能
将不可用,导致可能难以跟踪的错误
向下
方法在执行以下操作时接受缓和参数:
缓和(默认值:摆动)类型:字符串指示哪种缓和的字符串
用于转换的函数
小提琴中的问题是没有包含jQuery UI库
工作动画提琴:或者非常感谢您的快速响应,我不能使用转换,因为IE8+也需要支持,但我设法找到了一种方法,通过has/add/remove类函数来修复它,因为在关闭扩展时切换类不是很平滑
$('.classname').animate({'width':'100px','height':'100px'},200)