停止 jQuery 循环设置 display:none;

Question

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

我正在使用 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'
});

谢谢！

Answer 1

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