부트 스트랩 모달 오버랩 메뉴

Question

방금 ​​Wordpress 사이트의 버튼에 부트 스트랩 모달을 연결했는데 잘 작동합니다.

하지만 문제는 처음에는 비활성 상태 일 때 모달이 탐색 메뉴 (특히 "블로그"링크)를 숨 깁니다. 모달을 열고 닫으면 모달이 사라지고 메뉴가 제대로 작동합니다.

내가 Z- 인덱스 만지작과 같은 몇 가지를 시도했습니다, 또한 내가 함께 스크립트를 해킹 시도 :

<script> 
jQuery(document).ready(function() { 
    jQuery('#subscribe').modal('hide') 
}); 
</script> 

지금까지, 아니 주사위입니다. 하지만 스크립트에서 알 수 있듯이 페이지를로드 할 때 숨겨진 상태에 모달을 넣고 버튼을 클릭 할 때만 호출 할 수 있습니다.

여기 내 사이트입니다. 당신은 노트북이나 작은 화면에서 "블로그"링크를 클릭하려고하면이 모달 숨겨져 있기 때문에, 할 수 없습니다 :

http://jackalopemedia.com/jasontreu

어떤 도움을 주셔서 감사합니다!

Answer 1

좋아, 내가 솔루션

당신은 hide라는 클래스를 추가해야합니다 발견. fade 기능은 div의 opacity:0을 설정하는 것이기 때문에. 그래서 그것은 페이지의 앞쪽에 숨어 있습니다. 이와 코드가 일치하면

그래서 라인 자세한 내용은

Answer 2

bootstrap이 가진 당신의 모달을 비교 방문하십시오

<div id="subscribe" class="modal hide fade" role="dialog"> 

을해야한다, 그것은 작동해야한다.

<div class="modal fade hide" id="myModal" role="dialog"> 
<div class="modal-dialog modal-sm"> 
<div class="modal-content"> 
<div class="modal-header"> 
<h2>Title</h2> 
</div> 
<div class="modal-body"> 
<span>body</span> 
</div> 
<div class="modal-footer"> 
<span id="spanbtnclode" > <button type="button" class="btn btn-default" data-dismiss="modal">Close</button></span> 
</div> 
</div> 
</div> 
</div>