Question

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

问题是：一旦我显示移动版的弹出窗口，是否可以启用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);

Answer 1

您可以更改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的容器中显示对话框（或者您想要为您的类命名的任何内容））。

如何禁用jquery mobile

1 个答案: