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()

这似乎适用于动态添加的元素。