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

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，那将优先。