我在我的c#asp.net项目中使用bootstrap,我想显示从后面的代码中显示模态弹出窗口.
在我的页面标题我有一个javascript函数如下:
function LoginFail() { $('#windowTitleDialog').modal('show'); }
并点击我的按钮我调用javascript如下
ScriptManager.RegisterClientScriptBlock(this,typeof(System.Web.UI.Page),"LoginFail","LoginFail();",true);
这不显示模态弹出窗口.但是,如果我使用类似警报(‘登录失败’)的东西,它工作正常.
任何人都可以帮忙吗?
解决方法
默认情况下,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标签之前的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); }