javascript - 从设置显示 :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(例如，由 cycle 插件设置的)将覆盖样式表中的 css。但是，如果您使用 !important，它将优先。