jquery-mobile：关闭桌面的主题

Question

我使用jquery-mobile作为Google Apps脚本，我希望将其作为网络应用加载，也可以作为表格中的对话框/侧边栏加载。在脚本中我使用了jquery-mobile的网格支持，所以我需要它的css＆amp; JS。但是，我不希望它在桌面上显示主题。如果设备不能移动，有没有办法关闭它？

Answer 1

您可以控制jQuery Mobile的框架自动初始化。在mobileinit事件 - 在.ready()之前触发 - 检查用户代理是桌面设备还是平板电脑/移动设备。如果它是桌面浏览器，请从自动初始化框架中停止jQuery Mobile。

以下代码应放在jQuery.js（核心）之后和jQuery-Mobile.js之前的head

$(document).on("mobileinit", function (e, data) {
    if ( isDesktop() ) { /* isDesktop() is your custom function to check user agent */
        $.mobile.autoInitializePage = false;
    }
});

现在，您的网站不受jQuery Mobile控制，但是，您仍然可以使用 grid 系统，因为它只是类，并且不涉及JavaScript代码。

Answer 2

汇总表单中的所有内容，并为表单将属性data-role设置为none。 请参阅文档here

虽然有点老了。但是，我想这同样适用。