2

嗨，我正在尝试为切换类（实际扩展）制作动画或提供任何幻灯片效果，因为目前它有点简单

这是我目前在您的帮助下正在制作的小提琴，但它什么也没做，也无法弄清楚

$(document).ready(function(){
  $(".gamewrapper").click(function(){
    $(".game-name", this).toggleClass("black");
    $(this).toggleClass("expand", 1000);
  });
});

任何帮助表示赞赏，

提前致谢

4

3 回答 3

0

jQuery 的.toggleClass()方法只需要 1 个参数，1000你在里面什么也没做。

如果你想在有expand类和没有类之间动画 css 变化，你必须：

1) 在这些属性上使用 CSS 过渡：

http://www.w3schools.com/css3/css3_transitions.asp

2）使用另一个插件。jQueryUI 有一个 switchClass 插件可以做到这一点。

http://jqueryui.com/switchClass/

于 2013-07-04T22:12:08.820 回答
0

我同意尼古拉斯，

CSS3 过渡、jQueryUI 或者您也可以使用 jQuery.animate 为所有单独的样式设置动画。

例如

$('.classname').animate({'width':'100px','height':'100px'},200)
于 2013-07-04T22:23:07.167 回答
0

jQuery UItoggleClass方法是一个内置的 jQuery 方法覆盖：

jQuery UI 覆盖了几个内置的 jQuery 方法以提供额外的功能。使用这些覆盖时，确保已加载 jQuery UI 很重要。如果没有加载 jQuery UI，方法仍然存在，但预期的功能将不可用，导致可能难以追踪的错误

该方法在执行时接受缓动参数：

easing（默认值：swing） 类型：String 一个字符串，指示用于过渡的缓动函数。

您的小提琴中的问题是您没有包含jQuery UI 库。

工作动画小提琴：http: //jsfiddle.net/YqxAR/53/

于 2013-07-04T22:31:34.663 回答