使用jQuery Mobile 1.4.4

时间:2014-11-07 15:49:01

标签: jquery css jquery-mobile mobile

为什么在检查/添加jQuery Mobile 1.4.4到当前代码时,正文外部的样式和内容(用于隐藏的滑出菜单)会改变或根本不显示?

我正在努力熟悉触控功能,并将这些功能融入代码/设计中。

当前jsFiddle的一个示例。

当排除jQuery Mobile 1.4.4时,代码功能和出现(设计/样式)应该如此。然而,在"检查" jQuery Mobile 1.4.4代码功能,但样式完全被抛弃。

理想情况下,我想添加touchstart功能,以及向代码滑动事件。

button.addEventListener('touchstart', function(event){
    e.preventDefault();
    menuOperation();
});

1 个答案:

答案 0 :(得分:1)

jQuery移动框架是用于构建在移动设备上运行的应用程序的环境。由于移动设备具有与经典桌面浏览器截然不同的外形和用户交互模式,因此屏幕上的项目样式必须改变。由于移动设备没有“鼠标”,因此按钮必须足够大以便手指点击。此外,其他当前样式实践发挥作用,例如可选列表项跨越显示的宽度。由于这些是常见的做法,当人们选择使用jQuery Mobile时,正在构建的网页的完整“外观和感觉”会发生变化,以反映这些设计选择。

当您在项目中包含以前未包含它的jQuery Mobile时,您确实会发现您的项目风格已经彻底改变以反映移动应用程序的设计意图。浏览演示库,了解使用jQuery Mobile时的外观,可在此处找到:

http://demos.jquerymobile.com/1.4.5/

希望看到这一点会让你相信一切都在按预期运行。