부트 스트랩 - 어떤 이유로 자동 모드로드

레일 3.2 및 트위터 부트 스랩 레일 젬 (link)을 사용 중입니다. 내가 모달이부트 스트랩 - 어떤 이유로 자동 모드로드

, 이것은 html.erb입니다 :

<div id="myModal" class="modal hide fade in" style="display: block;"> 
    <div class="modal-header"> 
    <a class="close" data-dismiss="modal">×</a> 
    <h3><%= t '.add_category_title' %></h3> 
    </div> 
    <div class="modal-body"> 
    <%= render :partial => 'wgform' %> 
    </div> 
</div>

페이지가로드가, 그리고 버튼으로 트리거 될 때이 모달이 숨겨져 야 :

<a class="btn" href="#myModal" data-toggle="modal"><%= t '.add_category_btn' %></a>

하지만 어떤 이유 페이지가로드 될 때 CSS 특성 "display : block;"과 함께 모달이 나타납니다. ("display : none;"이어야합니다). 오른쪽 상단의 "X"가 제대로 작동하고 버튼이 모달을 올바르게 표시합니다 (닫은 후에 클릭 한 경우).

이상한 점은 모두 한 시간 전에 작업 중이라는 것입니다. 그 파일을 수정하지 않았습니다.

나는 갇혀 있는데, 어디에서 봐야할지 모르겠다.

출처

2012-02-08 qwertoyo

모든 자바 스크립트 오류 페이지가로드 될 때 브라우저 콘솔에 나타나는? 숨겨진 코드가 실행되지 않는 페이지로드에서 문제가 발생했을 수 있습니다. – Ryan

@ 라이언 아니, 브라우저 콘솔에 오류가 없습니다. – qwertoyo

흠. 글쎄, 당신은 그 파일을 변경하지 않았다고 말했습니까? 그렇다면 지난 한 시간 동안 수정 한 다른 파일들이 있습니까? – Ryan

해결 된 bootstrap.js.coffee (위의 주석 참조).

bootstrap.js.coffee :

$ -> 
    $("body > .topbar").scrollSpy() 
$ -> 
    $(".tabs").tabs() 
$ -> 
    $("a[rel=twipsy]").twipsy live: true 
$ -> 
    $("a[rel=popover]").popover offset: 10 
$ -> 
    $(".topbar-wrapper").dropdown() 
$ -> 
    $(".alert-message").alert() 
$ -> 
    domModal = $(".modal").modal(
    backdrop: true 
    closeOnEscape: true 
) 
    $(".open-modal").click -> 
    domModal.toggle()

출처

2012-02-13 18:08:53 qwertoyo

<div id="myModal" class="modal hide fade in" style="display: block;">

왜 style="display: block;"이 있습니까? 그것을 제거하십시오

출처

2012-02-12 05:35:09

실수로 부트 스트랩 페이지의 실행중인 예제에서 복사했습니다. – qwertoyo

부트 스트랩 - 어떤 이유로 자동 모드로드

답변

관련 문제