jQuery onload 함수가 작동하지 않습니다.

Question

다음 코드를 사용하여 클릭시 팝업을 열면 클릭 기능이 작동하지만 팝업이 페이지로드시로드되지 않습니다.

<button id="popupBtn">Open Popup</button> 

<script> 
$("#popupBtn").on('click', openPopup); 
$("body").on('load', openPopup); 

function openPopup() { 
    var left = ($(window).width()/2)-(800/2), 
    top = ($(window).height()/2)-(300/2), 
    pop = window.open('http://www.google.com', "popup", "width=800, height=300, top="+top+", left="+left); 
return false; 
} 
</script> 

는 또한 1 또한

, 나는 5 초와 페이지로드에 openPopup 자동 부하를 얻을 수있는 방법 지연

$("#popupBtn").on('click', openPopup); 
//$("body").on('load', openPopup); 

$(document).ready(function() { 
    openPopup(); 
}); 

편집 같은 시도? 다음과 같은 작품이 될 것인가? 쉽게 학대 (그리고 역사적으로하고있다) 행동 때문에

$(document).ready(function() { 
    openPopup().delay(5000); 
}); 

Answer 1

대부분의 브라우저 '팝업 차단, 당신은 페이지로드에 팝업을 열 수 없습니다. 사용자가 이미 연결하고있는 click과 같은 명시적인 사용자 작업이 완료 될 때까지 기다려야합니다.

페이지로드시 openPopup 자동로드를 어떻게 지연시킬 수 있습니까?

할 수 있습니다하지, 같은 이유 : 당신은 예를 들어, 사용자 액션 (에 직접 응답, 이벤트의 동안 취급하지 나중에 제외하고는 대부분의 브라우저에 팝업을 열 수 없습니다 [말하기] 후 setTimeout).

위의 두 가지 요구 사항 모두에 대해 팝업 대신 페이지 내 콘텐츠를 사용하거나 절대적으로 배치 된 요소 등을 사용할 수 있습니다. 브라우저는 페이지의 경계에 머물러 있기 때문에이를 수행하지 못합니다. 당신이 "몸"대신 창을 사용하면 코드 아래

Answer 2

당신에게

$(document).ready(function() { 
    function openPopup() { 
        var left = ($(window).width()/2) - (800/2), 
         top = ($(window).height()/2) - (300/2), 
         pop = setTimeout(
            function() 
            { window.open('http://www.google.com', "popup", "width=800, height=300, top=" + top + ", left=" + left) } 
            , 5000); 
        return false; 
    } 

    $("#popupBtn").on('click', openPopup); 
    $(window).on('load', openPopup); 
});