如何在不将移动风格应用于整个页面的情况下使用jQuery mobile的Column-Toggle?

时间:2014-02-10 22:52:48

标签: javascript jquery css jquery-mobile

我正在尝试在非移动用户几乎专门使用的Web应用程序中使用jQuery Mobile Column-Toggle小部件,所以我真的只想要Column picker功能,而不需要任何其他jQuery移动功能。但是,如果我加载jQuery Mobile js和css,我的整个网站都会选择移动风格,这与我现有的攻击方式存在巨大冲突。

我已经尝试了几个可能会抑制移动样式的mobileinit选项(我尝试过这些设置的各种组合 - 我只是为了简洁而将它们组合在一起):

    $(document).bind("mobileinit", function(){
        $.mobile.autoInitializePage = false;
        $.mobile.ignoreContentEnabled = true;
        $.mobile.page.prototype.options.keepNative = "select, input, a";
    });

我见过的另一个选项是将data-role =“none”添加到你不想设置的所有元素中,但这有两个问题:

  1. 它对我不起作用(我还在调查原因,并会很快更新我的问题)。
  2. 使用大量抑制标记来破坏你的html似乎是不好的做法,这也会增加页面大小。
  3. 我尝试使用下载构建器创建一个仅包含Column-Toggle(和依赖项)模块的客户jQuery Mobile软件包,但该自定义软件包似乎根本不起作用。

    所以我真的有两个问题:

    1. 我是否可以使用替代jQuery Mobile版本的HTML表替代列选择器。我觉得我做了大量的网络研究,但没有找到其他的东西。
    2. 有哪些方法可以防止jQuery Mobile将它的样式应用到整个页面?还有其他一些SO问题,我担心目前没有任何工作方法可以这样做。
    3. 更新:我实际上已更改为使用tablesorter插件中的新column selection widget,并废弃了jQuery Mobile。

0 个答案:

没有答案