twitter-bootstrap - 从代码隐藏打开 Bootstrap 模式

标签 twitter-bootstrap modal-dialog

任何人都知道如何从后面的代码中打开 twitter Bootstrap 模式?

我想在保存时根据一些要求打开模式。像“嘿,没有库存,选择以下选项之一继续(丢弃,保留......)并按下该按钮(可能会回发以继续)”

我正在使用 ASP.NET 网络表单。

最佳答案

默认情况下,Bootstrap javascript 文件包含在结束 body 标记之前

        <script src="vendors/jquery-1.9.1.min.js"></script>
        <script src="bootstrap/js/bootstrap.min.js"></script>
        <script src="vendors/easypiechart/jquery.easy-pie-chart.js"></script>
        <script src="assets/scripts.js"></script>
 </body>

我将这些 javascript 文件放入 body 标记之前的 head 部分,并编写了一个小函数来调用模态弹出窗口:
    <script src="vendors/jquery-1.9.1.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="vendors/easypiechart/jquery.easy-pie-chart.js"></script>
    <script src="assets/scripts.js"></script>

 <script type="text/javascript">
    function openModal() {
        $('#myModal').modal('show');
    }
</script>
</head>
<body>

然后我可以使用以下代码从代码隐藏中调用模式弹出窗口:
protected void lbEdit_Click(object sender, EventArgs e) {   
      ScriptManager.RegisterStartupScript(this,this.GetType(),"Pop", "openModal();", true);
}

关于twitter-bootstrap - 从代码隐藏打开 Bootstrap 模式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15410232/

相关文章:

Twitter-bootstrap 表如何只获取外边界线而不是行之间

被 Bootstrap 破坏的 JQuery 弹跳效果

jquery - Bootstrap如何垂直对齐不同列中的内容?

javascript - 如何停止 Bootstrap 轮播动画

javascript - 如何使用 ReactJs 中的键从父组件打开子组件模式

jquery - 水平显示下拉菜单

angularjs - 防止在点击模式外部时关闭 Foundation 模式

javascript - 如何在打开 Jquery SimpleModal 时添加动画?

c# - 如何根据 MessageBox 选择显示对话框

javascript - 模式窗口/背景的问题