我在我的C#asp.net项目中使用 bootstrap ,并且我想显示从后面的代码中显示模式弹出窗口。

在我的页面标题中,我有一个javascript函数,如下所示:

function LoginFail() {
        $('#windowTitleDialog').modal('show');
    }

并点击我的按钮,我按如下方式调用javascript
ScriptManager.RegisterClientScriptBlock(this, typeof(System.Web.UI.Page), "LoginFail", "LoginFail();", true);

这不会显示模式弹出窗口。但是,如果我使用类似alert('login failed')的方法,则效果很好。

有人可以帮忙吗?

最佳答案

默认情况下,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标记之前的头部,并编写了一个小函数来调用模式弹出窗口:
<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);
}

10-05 20:39
查看更多