停止 jQuery 循环设置 display:none;

发布于 2024-12-04 16:25:37 字数 913 浏览 0 评论 0原文

我正在创建一个小游戏，用户从一组项目中选择，然后选择选定的项目并选择一个。

我正在使用jQuery Cycle（ http://jquery.malsup.com/cycle/ ）主动画并选择一个随机项目（使用随机订单功能和自定义动画）。

但是，我对项目的动画方式意味着我需要它们在动画时保持可见 - 它们绝对被定位。

所以这是一个问题： 是否有一种方法可以阻止jQuery循环应用 显示：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'
});

谢谢！

原文

I'm creating a little game where a user selects from a set of items then the selected items are shuffled and one is chosen.

I'm using jQuery cycle (http://jquery.malsup.com/cycle/) to run the main animation and select a random item (using the random order feature and a custom animation).

However, the way I'm animating the items means I need them to all remain visible while they're animating - they're all positioned absolutely.

So here's the question:
Is there a way to stop jQuery cycle from applying display: none; to all of the items before it starts?

I don't mind modifying the original script to do this if necessary.

$('#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'
});

Thanks!

分享到QQ

分享到微博