從設置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，那將優先。