为手机/平板电脑优化的 jQuery 主题?

Posted

技术标签:

【中文标题】为手机/平板电脑优化的 jQuery 主题?【英文标题】:jQuery theme optimized for mobile / tablet? 【发布时间】:2013-12-19 14:45:36 【问题描述】:

我正在构建一个也应该在桌面移动设备和平板电脑上使用的网络应用程序。我需要 jQuery UI 的额外小部件:日期选择器、可调整大小、可排序、可拖动等。jQuery mobile 缺少这些,因此我无法使用 jQuery mobile。

jQuery UI 主题不是为平板电脑/移动设备设计的。按钮、文本、列表项和所有其他小部件太小而无法通过触摸屏进行控制。股票图标也太小了。我知道有 jquery ui 主题滚轮,但是构建一些可用于平板电脑/移动设备的替代主题将花费很长时间。 (我也必须创建自己的股票图标,大小不同。)我不想花时间创建主题,因为我的主要目标是创建一个可以在手机或平板电脑上使用的网络应用程序.有没有可以下载移动优化 jquery ui 主题的网站?具有更大的按钮、文本等,但具有所有 jquery ui 小部件。

【问题讨论】:

【参考方案1】:

jQuery Mobile

http://jquerymobile.com/ 存在

推特

您可能需要查看 Twitter Bootstrap。它不是 jQuery-UI,但它由 jQuery 提供支持,并且可以与 jQuery-UI 结合使用,因此可以满足您的一些需求。

附录

日期选择器

http://www.eyecon.ro/bootstrap-datepicker/

或者你可以使用 jQuery-UI 的日期选择器

拖放

Twitter Bootstrap Modal Form: How to drag and drop?

【讨论】:

Bootstrap 对我来说看起来不错。不过,我将不得不检查是否可以从 javascript 创建/销毁这些元素。谢谢。我没有看到任何日期选择器组件。没有可拖动的、可放置的和许多其他的丢失。 :-(

以上是关于为手机/平板电脑优化的 jQuery 主题?的主要内容,如果未能解决你的问题,请参考以下文章

深入了解jQuery Mobile-1

2018年主题壁纸——手机IPad电脑可以换新颜了

为何手机可以用,电脑连接不上

什么是jQuery Mobile

响应选项卡是一个jQuery插件,提供响应选项卡功能。当它到达CSS断点时,选项卡会转换为手风琴。您可以使用此插件作为在桌面、平板电脑和手机上优雅显示选项卡的解决方案。

手机页的点击事件怎么写,是不是还要加载jquery mobile? 能不能同时加载电脑版jquer