Javascript无法正常工作在Asp.Net中工作 [英] Javascript not working as expected to work in Asp.Net
问题描述
大家好，我有小javascript用于创建css弹出窗口。这个脚本在HTML中工作得非常好但是当我在asp.net项目中实现这个脚本时，它没有按预期工作。此脚本的主要功能是打开登录字段的css弹出窗口，并保留在页面上，直到用户关闭它。此功能在HTML页面中正常工作，但在asp.net母版页中，它会打开弹出窗口并在2或3秒后自动关闭它。所以请帮助我。这是我的代码
MasterPage
Hello every one I have small javascript for creating css popup window. This script is working very good in HTML but when I implemented this script in asp.net project it is not working as desired. The main function of this script is to open a css popup window for login field and remains on page until user close it. This function is working as usual in HTML page, but in asp.net master page it opens popup and close it automatically after 2 or 3 seconds. So please help me. here is my code
MasterPage
<link rel="stylesheet" type="text/css" href="Content/style.css" />
<script type="text/javascript" src='<%= ResolveUrl("Scripts/csspopup.js")%>'></script>
<script type="text/javascript" src='s<%= ResolveUrl("Scripts/jquery-1.10.2.min.js")%>'></script>
<body>
<form id="TopForm" runat="server">
<div id="topPanel">
<div id="RegLoginPanel">
<asp:Button ID="btn1" CssClass="btnLoginReg" Text="Login" runat="server" OnClientClick="popup('popUpDiv')" />
<asp:Button ID="Button1" CssClass="btnLoginReg" Text="Register" runat="server"/>
</div>
</div>
<div id="blanket" style="display:none;">
<div id="popUpDiv" style="display:none;">
<a id="closeLogin" href="#">X</a>
<div id="DIVformLogin"><div class="formLogin">
<input class="formLogin" type="text" />
<input class="formLogin" type="text" /><br />
<input type="checkbox" class="RememberME"/><label>Keep me Sign In</label>
<button class="btnSignIN" name="Login">Login</button><br />
<asp:Label CssClass="passForget" runat="server" ID="lblForget" Text="Forget Password">
</div></div>
</div>
这是我的完整的jquery代码https://jsfiddle.net/vivs0532/xzpwr69n/
Here is my complete jquery code https://jsfiddle.net/vivs0532/xzpwr69n/
推荐答案
这里的问题是页面刷新点击按钮，弹出窗口消失..
1.确保您的按钮不回发到服务器。
2.更改弹出窗口（'popUpDiv'）方法返回false并将其称为
The issue here is that the page refreshes on clicking button and popup disappears..
1. Make sure your button doesn't postback to the server.
2. Change your popup('popUpDiv') method to return false and call it as
OnClientClick="return popup('popUpDiv')"
这篇关于Javascript无法正常工作在Asp.Net中工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
