use*_*596 6 javascript c# 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'),它的工作正常.
任何人都可以帮忙吗？
wal*_*740 14
默认情况下,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);
}
小智 5
我是这样解决的：
脚本功能
<script type="text/javascript">
function LoginFail() {
$('#windowTitleDialog').modal();
}
</script>
按钮声明
<asp:Button ID="LaunchModal" runat="server" Text="Launch Modal" CssClass="btn" onclick="LaunchModal_Click"/>
请注意，未设置属性 data-togle="modal"。
LaunchModal_Click 事件中的服务器端代码为：
ScriptManager.RegisterStartupScript(this, this.GetType(), "LaunchServerSide", "$(function() { LoginFail(); });", true);
我希望这对你有帮助。