FireFox 不要从 jQuery 脚本取消表单提交

Question

我有这样的情况：

<form class="reqSnip" action="snipvw" method="post" target="_blank">
    <input type="hidden" name="a_snip" value="0">
    <input type="hidden" name="b_snip" value="1">
    <input type="hidden" name="fullDoc" value="true">
    <button type="submit" class="getFullSnippet"></button>
</form>

所以 - 带有 3 个隐藏字段+提交按钮的基本表单。在 jQuery 的帮助下，我绑定到提交此表单的时刻并自定义流程：

jQuery('.reqSnip').submit(function() {
    jQuery('#snipDIV').jqmShow(); // 1
    return false; // 2
});

为了使图片清晰：

• // 1 - 在网页上打开一些“类似弹出”的窗口
• // 2 - 取消表单提交。我这样做是因为表格只要求一些 Ajax-info 且不得执行标准表单提交。为了我的 你可以思考这个问题，因为我只是不想提交表单 地方，所有 Ajax 的东西都与这个问题无关。

所有这些如何协同工作：

• 在 IE7/8/9/Chrome/Opera 中 - 一切如预期，弹出窗口打开，表单不打开 提交
• 在 FireFox（Windows XP SP3 上的版本 8.0.1）中 - 弹出窗口打开并从 DO 提交（因此新选项卡出现在浏览器中）

我在 javascript 调试器中进行了简单的调查（我只是在 // 1 和 // 2 行上放置了 2 个断点（BP））以及我发现的事实：

• IE7/8/9/Chrome/Opera - 在 // 1 行上点击 BP，然后在 // 2 行上点击 BP
• FireFox - 在 // 1 行上点击 BP 并且永远不要在 // 2 行上点击 BP，所以 命令“return false”从未执行过:(

那么 - 如何使 FF 行为与所有其他浏览器中相同？

PS 第 1 行中使用的库：

• jQuery - 你知道的:)
• jqmShow - 来自 jqModal 的命令，这是一个插件jQuery。它是 主页： http://dev.iceburg.net/jquery/jqModal

更新< /strong>

我找到了问题的根源... 根据 jqModal 文档（请参阅上面的链接），如果绑定到 onShow 事件，则必须在事件处理程序内显示（设置可见）对话框（我的“类似弹出”的窗口）。所以一般方案是

var myOpen=function(hash){ hash.w.css('opacity',0.88).show(); }; 
$('#dialog').jqm({onShow:myOpen}); 
....
$('#dialog').jqmShow();

我编写的代码非常接近于此。 所有浏览器都接受这种方法。 FF“不喜欢”它。不知道为什么。因此，为了解决我的问题，不要绑定到 onShow 事件就足够了。那是！

Answer 1

试试这个：

jQuery('.reqSnip').submit(function(e) {
    jQuery('#snipDIV').jqmShow(); // 1
    e.preventDefault(); // 2
});