通过 JavaScript 调用 Bootstrap modal答案

【问题标题】：Calling Bootstrap modal via JavaScript通过 JavaScript 调用 Bootstrap modal
【发布时间】：2013-12-01 22:52:17
【问题描述】：

我有这个 javascript 函数：

function doDelete()
{
    if (root === null) {alert("Tree is Empty!"); return;}
    var strKey = document.getElementById('deleteKey').value;
    if (strKey=="") {alert("Please provide key"); return;}
    if (isNaN(strKey)) {alert("Key must be numeric"); return;}
    root = myBPT.Delete(root, strKey);
    myBPT.print_tree(root);
}

如何更改警报以改为调用引导模式？

这是我的数据目标...#printLeaves

【问题讨论】：

我试过这个：$('#printLeaves').modal('show')

标签： javascript jquery twitter-bootstrap

【解决方案1】：

最简单的方法是根本不使用 JavaScript 来显示模式，而只是设置允许 Bootstrap 处理它的适当类和数据字段。一些例子是here。基本上，您需要将<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 包裹在您的模式周围，然后让按钮看起来像：

<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
    Launch modal
</button>

如果您想用非按钮事件触发它，下面还有一个示例，但您必须使用 JavaScript。我自己没有使用单独的脚本完成它（我的用例是一个按钮），但文档说你只需调用：$('#myModal').modal(options)

【讨论】：

我正在尝试做一个非按钮事件。我试过 $('#myModal').modal(options) 但它不起作用。
然后用$('#printLeaves').modal();替换你的警报如果你的模态设置正确，它应该可以工作。
我有这个函数：function doFind() { /*if (root === null) {alert("Tree is Empty!"); return;}*/ if (root === null) {$('#printLeaves').modal(show); return;} var strFind = document.getElementById('findKey').value; if (strFind=="") {alert("请提供密钥"); return;} if (isNaN(strFind)) {alert("Key must be numeric");返回;} r = myBPT.find(root, strFind); if (r === null) alert("key下找不到记录" + strFind); else alert("在 key 处记录" + strFind + " value " + r.value);我试图用模态调用替换警报。它仍然无法正常工作。
请使用块分隔代码，以便于阅读。在任何情况下，您都需要在上述show 周围引用：$('#printLeaves').modal('show') 或$('#printLeaves').modal({show: false})
不，仍然无法正常工作。我的 JavaScript 代码在一个单独的文件中，我只是将它导入到我网站的中。