从设置display：none停止jQuery循环;

我正在创建一个小游戏，用户从一组项目中进行选择，然后对所选项目进行洗牌并选择一个。

我正在使用jQuery循环（ http://jquery.malsup.com/cycle/ ）来运行主动画并选择一个随机项（使用随机顺序function和自定义动画）。

然而，我动画项目的方式意味着我需要它们在动画时仍然可见 – 它们都是绝对定位的。

所以这里有一个问题： 是否有办法阻止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' }); 

谢谢！

Answer 1

尝试在CSS中添加！important。 通常，内联css（例如，类似于循环插件设置的内容）将覆盖样式表中的css。 但是，如果您使用！important，那将优先考虑。