c# - Bootstrap 模态弹出 C# 代码隐藏

标签 c# javascript twitter-bootstrap

我在我的 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 标签之前的 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);
}

关于c# - Bootstrap 模态弹出 C# 代码隐藏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15688572/

相关文章:

javascript - 从 url 中删除所有空值

javascript - NodeJS(后端)从POST调用接收数据然后如何在ReactJS(前端)中显示?

css - Bootstrap 多列折叠

c# - 为什么扩展方法只允许在非嵌套、非泛型静态类中使用?

c# - Crystal Report 仅在回发时抛出 'Failed to open the connection.'

c# - 泛型问题。我只是不明白如何制作通用方法

c# - C# 中的任务(约会)调度库?

java - 如何使用 MD5 哈希在 JSP 和 Javascript 中保护登录密码?

twitter-bootstrap - 更改事件选项卡的背景颜色

css - Bootstrap 图像不会调整大小