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

Jqm提交固定页脚按钮

2 个答案: