0

JQM 多选框有这个问题。在浏览器上，当我打开选择列表时，源页面完全隐藏在对话框后面 - 当我关闭对话框时，我使用源页面上的pagebeforeshow事件来读取选择。这在浏览器中工作正常，但在手机中，如果选择列表很小，它不会隐藏源页面并且pagebeforeshow事件永远不会被触发。为了测试这一点，我制作了一个更大的选项列表，在这种情况下，源页面完全隐藏在对话框后面。当对话框关闭时，pagebeforeshow事件会正确触发。我对pagebeforeshow的使用是为了避免在我可以挂钩的对话框上没有关闭事件......所以有两个问题：

  1. 有什么我可以参与的活动吗？我环顾了网络和 SO，建议的解决方案似乎都不适合我，或者（多）选择框。
  2. 有什么方法可以强制对话框始终在设备上以全屏模式打开？

更正：浏览器中的行为相同-只是在我测试时没有足够小的列表...

还有一件事 - 占位符在最大化时不会显示出最大的弹出式弹出窗口...（在Chrome和Android上）校正：在MaxMized模式下，只出现“ Delete”图标 - 没有占位符文本

4

1 回答 1

0

好吧，我用两种方法解决了它，都涉及删除标题 div。

对于整页对话框：

$("body").on("pagebeforeshow", "#filter-dialog", function(){
    $(this).find("div.ui-header").remove();
});

对于弹出对话框：

$("#my-page").on('pagebeforeshow', function(event){
    $("#filter-listbox").find("div.ui-header").remove();
});

总有一天有人...

于 2013-07-01T04:20:57.943 回答