jQuery單擊無法始終觸發

Question

我有一個關於jQuery click事件的問題。 頁面第一次加載時不起作用。 刷新后，它可以正常工作。 我認為這與瀏覽器以某種方式緩存文件有關。

這是代碼：

$(window).ready(
    function() {

        $("#language-input").click(function() {
            $("#language-dropdown").show();
        });

有什么想法我想念的嗎？

Answer 1

代替

$("#language-input").click(function() {

您可以使用

$("#language-input").on('click', function() { 。

這將確保即使動態加載元素也會觸發click事件。

您的最終代碼將沒有$(window).ready(function() { ：

$("#language-input").on('click', function() {
    $("#language-dropdown").show();
});

Answer 2

其中一項評論中提到的解決方案是使用：

$(document).on("click", "#element", function()

這似乎適用於動態添加的元素。