【问题标题】:Is there any way to use JQuery Mobile CSS without the javascript?有没有办法在没有 javascript 的情况下使用 JQuery Mobile CSS?
【发布时间】:2013-02-03 02:19:24
【问题描述】:

在尝试让 JQuery Mobile 和 AngularJS 路由一起工作的许多天徒劳无功之后,我正在考虑我的替代选择..

有没有办法在不依赖 JQuery 的 javascript 的情况下使用 JQM CSS?

或者是否有推荐的替代 CSS 包?包含 JQM 中可用的所有页眉/页脚和列表的东西?

【问题讨论】:

  • 嗨,我们可以试试什么?首先删除javascript库并查看。会发生什么?
  • 您是否考虑过另一种方法来解决您的“路由协同工作”情况? AngularJS 呢?

标签: css jquery-mobile angularjs


【解决方案1】:

当然,你下载的包里有一个CSS文件。但是所有网站功能和移动适配都将被破坏。您可以重命名类和 id 或直接使用 css 文件中的类。 问候

【讨论】:

  • 痛苦的方法,但也是一种可靠的方法。
  • 谢谢!这就是我现在的方法。某些表单控件不起作用(如切换开关)。但基础知识(页眉、页脚、按钮都可以使用)
【解决方案2】:

有相当多的 jQueryMobile 功能完全依赖于 CSS 文件,例如。网格。你不会得到交互,但所有按钮的外观、形状和颜色在没有 JS 的情况下都是完全有用的。

仍然 - 取决于您的期望。

当这样使用它时,您需要了解一点 JQM 是如何工作的,以了解预期的类和 html 结构,因为其中一些是由 javascript 生成的。

[题外话]

但也许你只是不喜欢 jquerymobile 有多大?

那么您可能想使用:http://jquerymobile.com/download-builder/ 只获取您需要的东西,并在此处使用 tte themeroller:http://jquerymobile.com/themeroller/index.php 仅创建一个主题(全局)并删除其他主题(A、B、C)

这就是你如何让它变得更小。

【讨论】:

    【解决方案3】:

    你可以复用他下载的JQM包里面的CSS文件。可以包含文件 jquery.mobile-1.x.x.css,但请确保也包含 images 文件夹并将其放在目的地的相同位置。

    如果您不确定要包含哪些类用于哪个目的,您可以通过检查 JQM 演示页面来找到它(由于 JQM javascript,查看源代码将不起作用)。

    【讨论】:

      【解决方案4】:

      JQS 提供对 ui 动画和用户体验增强的支持。删除库将使您无法访问由 javascript 创建和使用的 CSS 内容,以便“管理”前端设计。 ——

      是的,您可以使用 jquery 移动主题并使其适应您的需求。 刚刚阅读了适合您情况的适配器版本:https://groups.google.com/forum/?fromgroups#!topic/angular/oIxRxpkn3L0

      也许记录了 css 包的替代品。关于较重的 JQM 模板和使用,有一些介绍,你需要看看像 adobe theme-control-jquery-mobile.html ..

      【讨论】:

        猜你喜欢
        • 2021-12-28
        • 2016-01-10
        • 2016-01-19
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2019-11-20
        • 2014-01-10
        相关资源
        最近更新 更多