Jquery mobile 在jQuery Mobile中更改DirectionChange上的数据角色

我正在用JQM构建一个非常简单的移动网页，它使用data role=“footer”创建一个静态页脚

它在纵向模式下工作得很好，但在横向模式下，页脚占用了很大比例的可用空间，这确实会影响用户体验

我试过这个：

$(window).orientationchange(function(){
    $("#foot").removeAttr("data-role");
});

及

但两者都不起作用

有人知道是否有方法可以根据JQM事件成功修改数据角色吗

谢谢

$(window).orientationchange(function(){
    $("#foot").attr("data-role","none");
});