1

我有一个奇怪的任务，我的网站需要两种类型的弹出窗口，第一种是普通弹出窗口，用于桌面版网站，另一种用于移动版网站

问题是：是否可以在显示移动版本的弹出窗口后启用 jquery.mobile 并在关闭弹出窗口后禁用 jquery mobile ？

（供您参考：我的弹出窗口不使用 iframe）

我发现了如何在需要时启用 jquery.mobile 的奇怪方法，但在这种情况下，我无法禁用 jquery.mobile

$(document).bind("mobileinit", function(){
  $.mobile.autoInitializePage = false;  
});
setTimeout(function(){
  $.mobile.initializePage();// run jquery.mobile in 15 seconds for example
},15000);
4

1 回答 1

0

您可以更改 jQuery Mobile 的 CSS 以添加“标志”，使其仅适用于特定容器中的元素。

这是一个示例 jQuery Mobile CSS 规则声明（只是选择器）：

.ui-li-has-arrow .ui-btn-inner a.ui-link-inherit

如果您将其更改为：

.my-custom-class .ui-li-has-arrow .ui-btn-inner a.ui-link-inherit

然后 CSS 将仅应用于具有my-custom-class该类的元素内的元素。这意味着您可以在大多数时间拥有一个常规样式的页面，但是当您想要使用 jQuery Mobile 样式时，您只需在容器中显示您的对话框，其中包含my-custom-class（或任何您想要命名的类）。

于 2012-08-27T17:46:46.443 回答