jquery-mobile - 固定页脚上的 Jqm 提交按钮

Question

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

Answer 1

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

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

Answer 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 加载脚本和页面的方式多次运行。