jQuery单击无法始终触发

Question

I have an issue regarding the jQuery click event. The first time the page get loaded it does not work. After a refresh it works fine. I assume it has to do with the browser caching the files somehow.

This is the code:

$(window).ready(
    function() {

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

Any ideas what I am missing?

Answer 1

Instead of

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

You can use

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

This will ensure that the click event is fired even if the element is loaded dynamically.

You final code would be without $(window).ready(function() { :

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

Answer 2

The solution, which was mentioned in one of the comments, was to use:

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

This seemed to work for dynamically added elements.