twitter-bootstrap – 从代码隐藏打开Bootstrap Modal

发布时间：2020-12-18 00:15:33 所属栏目：安全来源：网络整理

导读：任何人都知道如何打开一个twitter bootstrap模态，从代码背后？我想在保存的时候基于一些需求打开模态。像“嘿，没有股票，拿起以下选项之一继续(丢弃，保留…)，然后按该按钮(可能做一个回发继续)”。我使用ASP.NET Web表单。解决方法默认情况下，Boots

任何人都知道如何打开一个twitter bootstrap模态，从代码背后？

我想在保存的时候基于一些需求打开模态。像“嘿，没有股票，拿起以下选项之一继续(丢弃，保留…)，然后按该按钮(可能做一个回发继续)”。

我使用ASP.NET Web表单。

解决方法

默认情况下，Bootstrap的javascript文件包含在关闭正文标签之前

<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标签前的头部，我写了一个小函数来调用模态弹出窗口：

<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);
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!