任何人都可以帮忙吗? 我有这个登录表单:
<form id="myform" form action="login.php" method="post" class="loginform">
Email
<input type="text" name="email" maxlength="30" />
Password
<input type="password" name="password" maxlength="30" />
<input type="image" src="../PTB1/assets/img/icons/loginarrow1.png" name="submit" class="loginbutton" value="Login" />
</form>
我也有这个脚本,当我提交表单时,它会在弹出窗口中显示表单操作页面"登录.php"。
目前它会显示一个基本的弹出窗口,但我想知道我是否可以调整 jQuery 代码以实现一个打开的 jQuery 灯箱窗口。
这是提交登录表单时启动弹出窗口的 jQuery 代码。
<script>
$(document).ready(function() {
$('#myform').submit(function() {
window.open('', 'formpopup', 'width=400,height=400');
this.target = 'formpopup';
});
});
</script>
但是现在我想使用我的jQuery灯箱窗口打开这个弹出窗口,该窗口称为" Shadowbox"(可在网上下载),您通常会像这样打开链接。
<a href="link" rel="shadowbox;height=300;width=500" >link</a>
因此,为了清楚起见,我问是否有办法启动我的jQuery灯箱"Shadowbox"来代替当用户单击登录表单上的提交按钮时启动的普通弹出窗口。
请有人告诉我一种方法。谢谢。
我会将 e.preventDefault() 添加到上一条语句中
$(function() {
$('#myform').submit(function(e) {
e.preventDefault();
this.target = 'formpopup';
Shadowbox.open({
content: 'link',
height: 300,
width: 500
});
});
});
$(function() {
$('#myform').submit(function() {
this.target = 'formpopup';
Shadowbox.open({
content: 'link',
height: 300,
width: 500
});
});
});