漢語大字典翻頁按鈕失效 自救版

Program Coding

更新:此問題已經解決,詳情請見 翻頁按鈕更改設計

有位讀者在這個網頁:https://homeinmists.ilotus.org/hd/hydzd3.php?st=page_no&kw=601
遇到翻頁按鈕失效的問題。

後來該讀者用脚本自行替換按鈕了。

所使用的代碼如下,替換後的效果跟原先差不多:

setTimeout(function() {
    'use strict';
    const mappings = [
        { selector: ".fa.fa-caret-left", symbol: "◀" },
        { selector: ".fa.fa-caret-right", symbol: "▶" },
        { selector: ".fa.fa-step-backward", symbol: "|◀" },
        { selector: ".fa.fa-step-forward", symbol: "▶|" },
        { selector: ".fas.fa-chevron-up", symbol: "▴", opacity: "0.68" }
    ];
    mappings.forEach(({ selector, symbol, opacity }) => {
        document.querySelectorAll(selector).forEach((element) => {
            if (opacity) {
                element.parentNode.style.opacity = opacity;
            }
            element.parentNode.innerHTML = symbol;
        });
    });
}, 100);

若有人有遇到相同的問題可參考一下。

留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

13 + eleven =

返回頂端