부트 스트랩 모달 온로드 표시

Question

메인 레이아웃의 {{{body}}}에 동적으로로드되는 일련의 page.handlebars가 있습니다.

페이지를 특정 페이지로 리디렉션 할 때 부트 스트랩 모달 온로드를 표시하려고합니다.

이렇게하면 페이지 본문 내에 있어야하며 modalID가 동적으로로드됩니다.

올바른 것 같지만 작동하려면 무엇을 조정해야합니까?

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

Answer 1

이렇게하면됩니다. 나는 이것을 시도했다.

$('#multi-file-dropzone-js').modal('show'); 

Answer 2

자바 스크립트에서 모달의 ID를 모델 파일에서 직접 읽은 다음 모달을 여는 데 사용할 수 있습니다. 또는 숨겨진 div (핸들 바 사용)에서 ID를 렌더링하고 해당 div의 내용을 읽고 모달을 열 수 있습니다.

js 코드 내에 핸들 바 태그를 사용할 수 없습니다. 이 바이올린 밖으로

확인 : http://jsfiddle.net/CkAcL/

JS 당신은 매개 변수로 html로 문자열을 전달하지만,이 [예제] 봐 (http://jsbin.com/upINuh 걸릴 수 있습니다

var source = $("#a").html(); 
var template = Handlebars.compile(source); 
var context = {modalid: "#mymodalid"}; 
var html = template(context); 

function openModal(){ 
var mymodalid=$("#modalid").html(); 
    // use $(mymodalid).show(); 
} 

//call openModal() inside your document.ready()