페이지가로드 될 때 자동으로 부트 스트랩 모달로드

페이지가로드 될 때 자동으로 부트 스트랩 모델을로드하는 방법?페이지가로드 될 때 자동으로 부트 스트랩 모달로드

<script type="text/javascript"> 
    $(window).load(function() { 
     $('#myModal').modal('show'); 
    }); 
</script>

하지만 그 작동하지 :

나는 내 인덱스 파일에 다음을 추가했습니다.

출처

2013-11-23 Rohit Sajeev

js 콘솔의 내용은 무엇입니까? 만약 에러가 없다면, $ ('# myModal'). modal ('show');'에 중단 점을 넣고 호출되는지 확인하십시오. 호출이되고 스크립트 콘솔에 오류가 없으면 전체 소스를 넣어 전체 그림을 볼 수 있습니다. –

이 페이지의 시작 부분에이 코드를 작성한 것일 수 있습니다. 모달 창 코드 다음에 작성해야합니다. 모달의 내용이 1 위를 실행 한 다음 실행됩니다. – Ashish

창이로드 이벤트에 있습니다. 모든 것이로드 된 후에 실행되는 의미 –

이 시도, 그것은 작동합니다 :

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#myModal').modal('show'); 
    }); 
</script>

출처

2013-11-26 13:09:22

나는 이것이 당신을 위해 –

그것이 나를 위해 일하지 않기를 바란다. 내가 수동적으로 같은 div #myModal에 대한 링크를 클릭하면 대화창이 열린다. –

-4

은 기본값

<div class="input-group date" id='dob' name="dob" data-date-format="yyyy-mm-dd" > 
     <input type="text" name="dob" id="dob" ***value="1940-01-01***" maxlength="20" class="form-control" required title="Please enter the date of birth"> 
     <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span> 
     </div>

및 구축 스크립트

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#dob').datepicker({ 
      startDate: '1940-01-01', 
      endDate: '-5d' 
     }) 
    }); 
    </script

출처

2014-03-18 10:33:34

이것은 OP와 어떻게 관련이 있는가? – Flexicoder

역할을합니다 형태의 값을 명시 할 시도 Black Ops '대답, 이전 버전의 Bootstrap을 처리하는 것으로 나타났습니다. 최신 버전에서는 처음 버튼을 클릭 할 때 모달을 초기화합니다. 이것은 표시되기 전에 일어날 필요가 있습니다. 따라서 : .modal (show) 대신에, : modal 인스턴스를 초기화하고 기본적으로 표시하도록 설정하는 .modal ({show : true})을 수행해야합니다. 따라서 :

<script type=\"text/javascript\"> 
    jQuery(document).ready(function() { 
    jQuery('#myModalId').modal({show:true}); 
    }); 
</script>

{} 내에 모달에 대한 다른 설정을 지정할 수도 있습니다. 설정 세부 사항은 Bootstrap's Model Doc을 참조하십시오.

출처

2014-05-14 20:04:34 Atomox

페이지가로드 될 때 자동으로 부트 스트랩 모달로드

답변

관련 문제