我需要幫助將 jquery 轉換為正常 javascript

Question

我有一個 phpBB 論壇軟件的聊天擴展。 在大約過去 2 年中，我開發了一些 memory 和學習問題。 我有一點ZD223E143918E478349D52476506C22EZ與我的JS和一部分ZD223E143E18E478349D52476506C22EZ CODE混合在一起。 瀏覽器控制台中沒有錯誤或任何內容，但在 chrome、edge 和其他瀏覽器中完美運行。 我需要轉換為普通js的是這個

$(window).on('load', function () {
    $("#smilies").click(function () {
        $("#chat_smilies").toggle(600);
    });
    $("#bbcodes").click(function () {
        $("#chat_bbcodes").toggle(600);
    });
    $("#chat_bbpalette").click(function () {
        $("#chat_colour_palette").toggle(600);
    });
});

上面所做的是幻燈片效果，而不僅僅是彈出相應的元素。 我知道元素 id 都應該與 jquery 匹配，因為它可以與其他瀏覽器一起正常工作。 這只是 firefox 的錯誤還是什么？ 但如果有人可以提供幫助，將不勝感激。

Answer 1

 const $ = document.querySelector.bind(document); function toggle(duration) { const { style } = this; const { opacity } = style; this.style.transition = `opacity ${duration / 1_000}s`; this.style.opacity = opacity == '' || opacity == 1? 0: 1; } window.onload = () => { $('#smilies').addEventListener('click', toggle.bind($('#chat_smilies'), 600)); $('#bbcodes').addEventListener('click', toggle.bind($('#chat_bbcodes'), 600)); $('#chat_bbpalette').addEventListener('click', toggle.bind($('#chat_colour_palette'), 600)); }

 <button id="smilies">smilies</button> <p id="chat_smilies">chat_smilies</p> <button id="bbcodes">bbcodes</button> <p id="chat_bbcodes">chat_bbcodes</p> <button id="chat_bbpalette">chat_bbpalette</button> <p id="chat_colour_palette">chat_colour_palette</p>

Answer 2

在閱讀了回復和大量閱讀之后，我終於找到了問題所在。 這是愚蠢的簡單。 我發布的代碼已通過將其替換為以下內容完全修復

        $("#smilies").click(function(event) {
            $("#chat_smilies").toggle(600);
        });
        $("#bbcodes").click(function(event) {
            $("#chat_bbcodes").toggle(600);
        });
        $("#chat_bbpalette").click(function(event) {
            $("#chat_colour_palette").toggle(600);
        });

並完全刪除初始 function

$(window).on('load', function () {
   button code here
});

從這篇文章中找到了主要問題Jquery 切換在 Firefox 中不起作用

謝謝你們：）