jQuery Mobile - 不更改哈希值的对话框

Question

我有一个搜索对话框，我弹出并填充 jquery 模板。他们做出选择后，我在当前页面上设置一个值。因此，我不需要 hashTags 或类似的东西，我只需要一个可以以编程方式打开和关闭的弹出对话框。我当前正在使用打开对话框

$.mobile.changePage(dialog, { transition: "slide", changeHash: false });

并使用关闭对话框

dialog.dialog('close');

但是，在某些情况下（导航到页面时），关闭对话框会刷新当前页面。

有没有更好的方式与之交互？

更新：

我想我知道发生了什么。因此，出于某种原因，jquery mobile 通常会在 DOM 上加载 2 个页面 - 其中一个页面是不可见的，您可以通过在控制台中运行 $('[data-role=page]') 来验证这一点。一个页面是您当前所在的页面，另一个页面是您最初导航到的页面。不太清楚他们为什么选择这样做，但你已经知道了。

因此，即使对话框已经在 DOM 中，他们也将对话框视为具有不同转换的页面导航。因此，如果您直接进入该页面，然后触发一个对话框，修改当前页面并关闭它就可以正常工作 - 因为原始页面始终加载在 DOM 中。但是，如果您转到另一个页面，而不是导航到触发对话框的页面，然后触发对话框，它会销毁当前页面，以便 DOM 中的页面是初始页面和对话框。在这种情况下，它会完全重新加载该对话框启动页面，并且您永远没有机会进行任何修改。

天啊。如何直接与 jqm 对话框小部件交互？

Answer 1

你可以尝试另外两件事。两者都应该有效：

1 套 DomChache
重写 JQM 以保留您在 DOM 中触发对话框的页面怎么样？文档说您可以设置 data-dom-chache 并覆盖从 DOM 清理页面。

如果它仅在您通过 AJAX 加载此页面（而不是直接加载）时发生，您可以使 DOM 保持依赖于具有 data-page-external 的触发页面，分配 DOM-chache="仅当对话框打开时为 true”，并在对话框关闭后再次将其删除。

2 覆盖 JQM
我遇到了与您描述的相同的问题，并让它像这样工作（尽管需要侵入 JQM...）：

// inside transitionPages function
if ( !$(toPage).jqmData('internal-page') 
    {fromPage.data( "page" )._trigger( "hide", null, { nextPage: toPage } );}
    }

我的问题是页面更改到某些页面（与对话框相同）导致前一页（对话框从中触发）从 DOM 中删除，所以我有一个空白屏幕（当尝试返回时）。我向页面添加了 data-internal-page="true"，这应该保持前一页完整，并在 JQM 中添加了 if 子句。

所以现在 pageHide （和 DOMcleanup）仅在我不打算访问带有 data-internal-page="true" 标签的页面时才会触发 干杯

！

Answer 2

我想我也遇到了类似的问题。我想做的是基于某些参数，在加载时弹出一个对话框窗口（该内容位于同一页面上），他们可以关闭该对话框并查看加载的页面。

我可以使用 load 或 pageshow 事件让它在加载时弹出，但是当我单击关闭时，您会返回到历史记录中的上一页，而不是仅仅关闭对话框。

//target your 1st page content, here its id=success
//the modal content is in a page id=dialog and data-role="dialog"

$('#success').live('pageshow',function(){
    window.setTimeout(function(){
        $.mobile.changePage('#dialog','pop',false,false);
    },1);
}

这是一种黑客行为，只允许页面加载击败对话框，因此它会陷入历史记录中。然后，对话框的默认对话框关闭行为将按预期工作。谈论 PITA，如果他们在 JQuery UI 对话框上多花一点时间，事情就会变得容易得多。

Answer 3

关于您的问题：您是否看过 Jquery Mobile Actionsheet 插件

如果您真的不知道需要加载一个页面，那应该没问题。

Cagintranet iPad popover 也很有帮助，尽管您必须调整设计以在移动设备上全屏显示。如果您需要 CSS/Jquery 来做到这一点，请告诉我（我在我正在编写的 JQM 插件中使用它）

希望有所帮助。