0

谁能帮忙。我有这个登录表单：

<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>

我也有这个脚本，当我提交表单时，它会在弹出窗口中显示表单操作页面“login.php”。

目前它会弹出一个基本的弹出窗口，但我想知道我是否可以调整 jquery 代码来实现一个 jquery 灯箱窗口，而不是打开。

这是提交我的登录表单时启动弹出窗口的 jquery 代码。

<script>
    $(document).ready(function() {
    $('#myform').submit(function() {
        window.open('', 'formpopup', 'width=400,height=400');
        this.target = 'formpopup';
    });
});
</script>

但现在我想使用我的 jquery lightbox 窗口打开这个弹出窗口，该窗口称为“shadowbox”（可在网上下载），您通常会像这样打开链接。

 <a href="link"   rel="shadowbox;height=300;width=500"        >link</a>

所以为了清楚起见，我问是否有一种方法可以启动我的 jquery 灯箱“shadowbox”来代替用户单击登录表单上的提交按钮时启动的正常弹出窗口。

请有人可以告诉我这样做的方法。谢谢你。

4

2 回答 2

0

我会将 e.preventDefault() 添加到前面的语句中

$(function() {
  $('#myform').submit(function(e) {
    e.preventDefault();
    this.target = 'formpopup';
    Shadowbox.open({
      content:    'link',
      height:     300,
      width:      500
    });
  });
});
于 2013-01-24T20:16:01.563 回答
0 
$(function() {
  $('#myform').submit(function() {
    this.target = 'formpopup';
    Shadowbox.open({
      content:    'link',
      height:     300,
      width:      500
    });
  });
});
于 2013-01-24T20:11:52.790 回答