Javascript 显示引导模式加载

拥有一系列page.handlebar，它们可以动态加载到主布局的{{{body}}}中

在将页面重定向到某些页面时，希望显示引导模式onLoad

这需要在页面主体内，并且动态加载modalID

这似乎是正确的，但需要调整什么才能使其工作

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

$（文档）.ready（函数（）{
$（'{{activate.[0]}}'）.modal（'show'）
});

这应该行得通。我试过这个

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

---

您可以直接从模型文件中读取javascript中modal的id，然后使用它打开modal。或者，您可以在某个隐藏的div中呈现id（使用handlebar），并可以读取该div的内容并打开modal

您不能在js代码中使用handlebar标记

看看这把小提琴：

js

---

您可以将一个html字符串作为参数传递，但请看一看这一点以了解difference.Neat技术。。事实证明，handlebar标记在js代码中确实起作用。。但是在body之后调用了bootstrap.js文件，所以还没有到达modal js和jquery。。移动了它，它成功了。。谢谢你的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()