通过JavaScript调用Bootstrap模式

时间:2013-12-01 22:52:18

标签: javascript jquery twitter-bootstrap

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

1 个答案:

答案 0 :(得分:0)

最简单的方法是不使用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)