我正在创建一个小游戏,用户从一组项目中进行选择,然后对所选项目进行洗牌并选择一个。
我正在使用jQuery循环(http://jquery.malsup.com/cycle/)来运行主动画并选择一个随机项(使用随机顺序功能和自定义动画)。
然而,我动画项目的方式意味着我需要它们在动画时仍然可见 - 它们都是绝对定位的。
所以这是问题所在:
有没有办法阻止jQuery循环在启动之前将 display: none;
应用于所有项目?
我不介意修改原始脚本以在必要时执行此操作。
$('#item-container').cycle({
fx: 'custom',
cssBefore:{
left: 0,
top: 0,
display: 'block',
zIndex: 1
},
animIn: {
left: 200,
top: 200
},
animOut: {
left: 0,
top: 0
},
cssAfter:{
zIndex: -40,
display: 'block'
},
speed: 400,
timeout: 400,
random: 1,
autostop: 1,
autostopCount: 25,
continuous: 1,
slideExpr: 'div.selected'
});
谢谢!
答案 0 :(得分:1)
尝试在CSS中添加!important。通常,内联css(例如,类似于循环插件设置的内容)将覆盖样式表中的css。但是,如果你使用!important,那将优先。