jquery mobile，更改页面时出现问题

Question

在我的 jquery 移动网站中，我从页脚文本输入请求发送到控制器，控制器将 json 数据作为弹出窗口发送回视图（此弹出窗口内的数据使用 jstemplate 呈现）。

一切都按预期工作，但是当我更改页面请求被传递给控制器​​但弹出窗口没有显示。

从我发送的 js 函数中

 $("#myDataPopUp").popup("open").enhanceWithin();

在_Layout.cshtml里面

<div id="myDataPopUp" data-role="popup" class="ui-content" data-theme="a" />

再一次，在我更改页面之前一切正常（因为代码在 _Layout 中）它应该也可以在其他页面上运行。

Answer 1

由于您使用的是 jQuery Mobile 1.4，我建议您使用可以从任何页面访问的 External Popup。 External Popup 应该放在任何 page div data-role="page" 之外，然后应该手动初始化。

外部弹出窗口：

<div data-role="popup">
  <!-- contents -->
</div>

<div data-role="page">
  <!-- contents -->
</div>

初始化外部弹出窗口：

如果 Popup 包含其他 jQM 小部件，您还需要通过调用 .enhanceWithin() 来初始化这些小部件。否则，.popup() 就足够了。

$(function () {
  $("#popupID").popup().enhanceWithin();
});

打开/关闭弹出窗口：

• 动态

  /* to enhance jQM widgets inside popup, if any */  
  $("#popupID").popup("open").enhanceWithin();
  /* close it */
  $("#popupID").popup("close");
  

• 静态

  <a href="#popupID" data-rel="popup">Popup</a>
  

Answer 2

在页面更改或调用 open 函数之前尝试这样放置：

 $("#myDataPopUp").popup();
 $("#myDataPopUp").popup("open");