通过JavaScript调用Bootstrap modal

Calling Bootstrap modal via JavaScript

本文关键字：modal Bootstrap 调用 JavaScript 通过      更新时间：2024-01-04

我有这个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);
}

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

这是我的数据目标#print离开

最简单的方法是根本不使用JavaScript来显示模态，只需设置允许Bootstrap处理它的适当类和数据字段。基本上，你需要将<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)

相关文章：