jquery 单击 href 链接 - 必须单击两次

Question

该功能有效，但只有在单击按钮两次后才会打开弹出窗口(然后，后续单击将获得第一次单击时的操作)。

$(document).ready(function(){
    $('a#printPosBtn').on('click', function(e) {
        e.preventDefault();
        $('.printPopup').popupWindow({ 
            centerBrowser:1,
            height:500,
            width:720,
            scrollbars: 1,
            resizable: 1
        });
        return false;
    });
});

出了什么问题？

Answer 1

我认为这是因为您实际上是在 click 处理程序中初始化插件。快速浏览一下 popupWindow 文档，该插件似乎负责为您绑定(bind)一个 click 处理程序，这意味着您的第一次单击会绑定(bind)弹出窗口功能(包括onclick 处理程序)，因此它仅在第二次单击时起作用。我会尝试:

$(document).ready(function() {

    $(".printPopup").popupWindow({
        centerBrowser: 1,
        height: 500,
        width: 720,
        scrollbars: 1,
        resizable: 1
    });

    // open popup by clicking on some other element
    $('#printPosBtn').on('click', function(e) {
        e.preventDefault();
        $(".printPopup").click();         
    });

});​