使用 Elementor 製作的網站，如何連結 JS 屬性比如 OnClick

軟代工單系統的彈出預設情況下是全局展示的，但是也有另外一個隱藏模式，可以在特定的場景下，使用固定的指令進行調出，如果您使用的是 Elementor 製作的網站，那麼您可能會遇到一些問題，則無法連結到 OnClick 的屬性，接下來讓我們來操作解決這個問題。

第一步：設定 CSS 類

首先請您打開 Elementor 來到按鈕的編輯器，切換到「高級設定」在 CSS 類，為當前按鈕設定一個固定的值，比如「apsdaixx」

第二步：新增 Custom CSS

在 Custom CSS 中新增如下代碼；其中 apsdaixx 為剛才為按鈕設定的唯一值，新增後，滑鼠移動到此按鈕會變成點擊狀態。

.apsdaixx {
    cursor: pointer;
}

第三步：新增 JS 代碼

在此頁面的頂部或者尾部新增一段 JS 代碼，請注意此代碼中「apsdaixx」為您給此按鈕自訂的值：

<script>
window.addEventListener("load", function () {
    document.querySelectorAll('.apsdaixx').forEach(function (element) {
        element.addEventListener('click', function (event) {
            event.preventDefault();
            ApsdaiInstance().openTickets();
        });
    });
})
</script>