固定页脚上的 Jqm 提交按钮答案

【问题标题】：Jqm submit button on a fixed footer固定页脚上的 Jqm 提交按钮
【发布时间】：2012-12-15 08:37:03
【问题描述】：

我有一个表单，我想将提交按钮放在固定的页脚栏上。问题是，如果我将页脚放在表单内，它不会固定在底部。如果我将页脚移到表单之外，则提交按钮将不起作用。有什么建议吗？

【问题讨论】：

然后将提交按钮放在页脚之外。

【解决方案1】：

连接页脚按钮的单击事件以提交表单。

<a data-role="button" onclick="$('#yourForm').submit();">Save</a>

【讨论】：

【解决方案2】：

一旦您获得了像@andleer 所说的页脚上的按钮，您可能希望在表单中隐藏您的按钮。

由于 jqm '增强'你的代码，你不能做一个简单的 jQuery hide()。我想我会在这里提供一种方法来做到这一点，因为我花了一点时间才把它做好。

$('#[THE PAGE THAT YOUR FORM IS ON]').on( "pagebeforeshow", function(e) {
    if(e.handled !== true) {
        $('#submit-btn').parent().hide();
        $('#cancel-btn').parent().hide();
        e.handled = true;
    }
});

作为旁注，e.handled 用于防止代码根据 jqm 加载脚本和页面的方式多次运行。

【讨论】：