为什么此“ $（...）。trigger（“ click”）”在此函数（jQuery）中不起作用？

Question

单击链接时，以下函数将打开一个弹出窗口：

function popupPlace(dict) {
    $popup = $('div#dish-popup');
    $popup.render(dict,window.dishPopupTemplate);
    if(typeof(dict.dish) === 'undefined') {
        $popup.addClass('place-only');
    } else {
        $popup.removeClass('place-only');
    }

    var $place = $('div#dish-popup div.place');
    var place_id = dict.place._id;
    if(liked[place_id]) {
        $place.addClass('liked');
    } else {
        $place.removeClass('liked');
    }
    if(dict.place.likes) {
        $place.addClass('has-likes');
    } else {
        $place.addClass('zero-likes');
    }


    var tokens = window.currentSearchTermTokens;
    var tokenRegex = tokens && new RegExp($.map(tokens, RegExp.escape).join('|'), 'gi');
    $.each(dict.place.products, function(n, product) {
        $product = $('#menu-item-'+product.id);
        if(liked[place_id+'/'+product.id]) {
            $product.addClass('liked');
        }
        if(tokens && matchesDish(product, tokens)) {
            $product.addClass('matched');
            $product.highlight(tokenRegex);
        } else {
            $product.removeClass('matched');
            $product.removeHighlight();
        }
        if(product.likes) {
            $product.addClass('has-likes');
        } else {
            $product.addClass('zero-likes');
        }
    });

    $('#overlay').show();
    $('#dish-popup-container').show();

    // Scroll to matched dish
    $("a#scrolll").attr("href", "#" + $("li.matched").attr("id"));
    $("a#scrolll").trigger("click");

    // Hide dish results on mobile devices to prevent having a blank space at the bottom of the site
    if (Modernizr.mq('only screen and (max-width: 640px)')) {
        $('ol.results').hide();
    }

    $(".close-dish-popup").click(function() {
        $("#overlay").hide();
        $("#dish-popup-container").hide();
        $('ol.results').show();
        changeState({}, ['dish', 'place', 'serp']);
    });

    showPopupMap(dict.place, "dish-popup-map");
}

最后，您可以看到以下内容：

    $("a#scrolll").trigger("click");

一切正常，但是弹出窗口一出现，该链接就不会被触发：

    $('#dish-popup-container').show();

有什么建议可以解决这个问题吗？

Answer 1

您正在调用 $("a#scrolll").trigger("click"); 在分配 $('#dish-popup-container').show(); 在将点击事件分配给关闭按钮之前。 只需放入$(".close-dish-popup").click(); 函数外部或函数顶部（在调用之前）

Answer 2

放

$(".close-dish-popup").click(function() {
    $("#overlay").hide();
    $("#dish-popup-container").hide();
    $('ol.results').show();
    changeState({}, ['dish', 'place', 'serp']);
});

在$ {document）.ready外面

function popupPlace(dict) {

您正在尝试调用它，但是在调用它时尚未初始化