Question

有一系列page.handlebars动态加载到主布局的{{{body}}}。

在将页面重定向到某些页面时，希望在onLoad上显示Bootstrap Modal。

这需要在页面的主体内，并且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()

在onLoad上显示Bootstrap模式

2 个答案: