가끔 메인 콘텐츠 뒤에 나타나는 팝업 콘텐츠

Question

Wordpress 웹 사이트에서 버튼을 클릭하면 텍스트가있는 팝업이 나타나고 허브 스폿 양식이 나타납니다 (데모 요청). . 나는 잘 작동하지만 10 페이지 중 1 페이지를 다시로드하는 이유는 무엇이든간에 hubspot 양식의 내용은 팝업에 나타나지 않지만 기본적으로 클릭하지 않고 웹 페이지의 기본 내용 뒤에 나타납니다.

약 50 %의 시간이 걸릴 것으로 보이지만 Firefox에서는 특히 나쁩니다. 나는 이것에 대한 해결책을 찾기 위해 정말로 고심하고있다.

웹 사이트 URL : http://crowdsight.co/

감사합니다, 조나단

Answer 1

아직 문제를 재현에 성공하지 않았하지만 JS 실패 "데모를 요청"양식을 숨기고에 클릭 이벤트를 부착처럼 들린다 그 직업. 아마도 dom의 요소 (양식과 "데모 요청")를 찾을 수 없기 때문일 수 있습니다. 양식 확인 및 DOM을 준비 후 버튼의 초기화가 발생합니다

jQuery(document).ready(function() { 
    //initialization here 
}); 

나 :

document.addEventListener("DOMContentLoaded", function(event) { 
    //initialization here 
});//unlike the jQuery function, this only works for modern browsers. 

위에서이는 경우 훨씬 이해가되지 않지만, 당신이 (시도 할 수 실패하는 경우 위의 경우 실패합니다.) :

window.onload = function() { 
    //initialization here 
    //here we wait for all the resources to be retrieved before we go, while 
    //the above approaches only waits for the dom 
} 

Answer 2

나는 이전에도 같은 문제가있었습니다.

이 맥락에서

zindex: 1; 

가이 같은 보일 것이다 :이 버튼은 다음 줄을 추가 스타일을 CSS의 시트에서

.button { 
    margin: 2px; 
    border: 1px solid red; 
    zindex: 1; 
}