在onLoad上顯示Bootstrap模式

Question

有一系列的page.handlebars動態加載到主布局的{{{body}}}。

在將頁面重定向到某些頁面時，想要顯示一個Bootstrap Modal onLoad。

這需要在頁面的主體內，並且動態加載modalID。

這似乎是正確的，但需要調整什么才能起作用？

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

Answer 1

這應該工作。 我試過這個。

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

Answer 2

您可以直接從模型文件中讀取javascript中的模態ID，然后使用它來打開模態。 或者你可以在一些隱藏的div（使用把手）中渲染id，並可以讀取該div的內容並打開模態。

你不能在你的js代碼中使用把手標簽。

看看這個小提琴： http ： //jsfiddle.net/CkAcL/

JS

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()