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

时间:2011-09-12 15:22:27

标签: javascript jquery css jquery-cycle

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

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

谢谢!

1 个答案:

答案 0 :(得分:1)

尝试在CSS中添加!important。通常,内联css(例如,类似于循环插件设置的内容)将覆盖样式表中的css。但是,如果你使用!important,那将优先。