jquery淡入淡出弹出窗口

Question

我正在使用 jquery 的 popupwindow 插件在弹出窗口中显示表单。提交后如何关闭该窗口？ This是我正在谈论的链接。我可以在弹出窗口中打开链接。但提交后我希望它在其父窗口中打开。

Answer 1

您可以在弹出的页面中将行为附加到您的链接:

<a href="javascript: self.opener.location = 'http://somewhere.ltd/path/to/dir'; self.close();">
     Let's go Somewhere
</a>

此外，我建议您使用Javascript in an unobtrusive way而不是使用上面的简单行。

关于“淡入淡出”操作；你不能使用 Javascript 对操作系统窗口做这样的事情(无论如何)。

更新: 假设表单具有 id 属性 theChildForm 并使用 jQuery:

$("#theChildForm").submit(function() {
     // TODO: Some data keeping jobs to be done
     // Pass the url if needed
     self.opener.location = 'http://somewhere.ltd/path/to/dir';
     self.close();
     // ...
    });