0

Divi テーマを使用した WordPress サイトがあります。マウスでどこかをクリックするまで開いたままにしたいナビゲーションバーにドロップダウンがあります。問題は、ドロップダウンの CSS がわからないことです。プログラムでドロップダウンを開いたり閉じたりするために使用する CSS クラスがわかりません。

ドロップダウンは、ページの右上にある「Våra erbjudanden」というラベルが付いたライム グリーンのドロップダウンです。スクリーンショットを参照してください。 ここに画像の説明を入力

つまり、ドロップダウンを切り替えるために使用されるDiviクラスはどれですか? これをどのように行うつもりですか？

ありがとう！

4

1 に答える 1

0

ホバー後にドロップダウンを開いたままにするには、次のコードを使用できます。

jQuery(document).ready(function() {
    spriderMain.run();
});

var spriderMain = {

    run() {
        document.addEventListener('click', this.onAnyClick, true); 
        this.fixDropdown();
    },

    fixDropdown() {
        var dropdown = document.querySelectorAll("nav > ul > li")[1];
        dropdown.addEventListener("mouseover", this.onDropdownMouseOver);
    },

    onAnyClick() {
        setTimeout(function() {
            var dropdown = document.querySelectorAll("nav > ul > li > ul")[0];
            dropdown.style.visibility = "hidden";
            dropdown.style.opacity = "0";
            var dropdownBox = document.querySelectorAll("nav > ul > li")[1];
            dropdownBox.style.pointerEvents = "auto";
            dropdown.style.pointerEvents = "auto";
        }, 100);
    },

    onDropdownMouseOver() {
        var dropdown = document.querySelectorAll("nav > ul > li > ul")[0];
        dropdown.style.visibility = "visible";
        dropdown.style.opacity = "1";
    }
};

ただし、ドロップダウンが既に開いていても、ホバー時にドロップダウンが再度開くという問題が発生する場合があります。この問題については、こちらで説明しています: WordPress Divi テーマ サイトで既に開いているときに、ドロップダウンがアニメーション化/再開されないようにするにはどうすればよいですか?

于 2020-11-17T19:17:00.500 に答える