国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

使用 TailwindCSS 和 Flowbite 將輪播新增到我的頁面。我還添加了一個(gè)切換開關(guān)元素，基本上允許我在輪播中的兩個(gè)項(xiàng)目之間循環(huán)（選中 = 幻燈片 2，未選中 = 幻燈片 1）。

這個(gè)可行 - 我陷入困境的是嘗試根據(jù) localStorage 中該切換的存儲(chǔ)值將其設(shè)置為加載時(shí)的“幻燈片 2”。

我已驗(yàn)證我的 localStorage 值是否已正確保存/檢索（作為“是”和“否”字串）。然後，我嘗試在加載時(shí)將輪播設(shè)定為幻燈片 1（“否”值）或幻燈片 2（“是”值），但無論我嘗試什麼，它始終顯示幻燈片 1。

我嘗試了「slideTo()」和「next()」方法，但似乎都不起作用（它們?cè)诟氖录衅鹱饔?，但在我的載入函數(shù)中不起作用）。

控制臺(tái)中沒有錯(cuò)誤。就像我說的，切換在頁面加載後工作正常，並在幻燈片之間正確循環(huán)，它只是沒有在頁面加載時(shí)設(shè)置正確的幻燈片（因此顯示的幻燈片與切換的準(zhǔn)確設(shè)置不匹配）。

Flowbite 輪播文件：https://flowbite.com/docs/components/carousel/

這是我的程式碼：

window.addEventListener('load', function () {
    show_loader("service-suspended-container");

    // Sidebar Toggle Defaults and Handler
    const exclude_suspended_toggle = document.getElementById('exclude-suspended-toggle');

    // Determine which slide to display based on user's preference
    var starting_item = 0;
    if (('metrics-exclude-suspended' in localStorage) && localStorage.getItem('metrics-exclude-suspended') === 'yes') {
        starting_item = 1;
    }
    
    const carousel_items = [
        {
            position: 0,
            el: document.getElementById('carousel-item-1')
        },
        {
            position: 1,
            el: document.getElementById('carousel-item-2')
        }
    ];

    const options = {
        defaultPosition: starting_item
    }

    // Carousel object for controlling slide
    var carousel = new Carousel(carousel_items, options);

    // Ecclude suspended toggle handler
    exclude_suspended_toggle.addEventListener('change',  (event) => {
        console.log("Event fired");
        if (event.currentTarget.checked) {
            // Make toggle checked
            console.log("Toggle now checked");
            localStorage.setItem('metrics-exclude-suspended', 'yes');
            carousel.slideTo(1);
        } else {
            // Uncheck toggle
            console.log("Toggle now unchecked");
            localStorage.setItem('metrics-exclude-suspended', 'no');
            carousel.slideTo(0);
        }
    });

    // Determine default check state of toggle and slide from user's preferences
    if (('metrics-exclude-suspended' in localStorage) && localStorage.getItem('metrics-exclude-suspended') === 'yes') {
        console.log("enabled from storage...");
        // Make toggle checked
        exclude_suspended_toggle.checked = true;
        carousel.slideTo(1);
    } else {
        console.log("disabled from storage...");
        // Uncheck toggle
        exclude_suspended_toggle.checked = false;
        carousel.slideTo(0);
    }
});