我可以和jQuery Mobile一起使用bootstrap 3吗?

时间:2013-09-05 12:53:44

标签: javascript jquery css jquery-mobile twitter-bootstrap

我读过许多“bootstrap vs. jQuery mobile”文章。很明显,他们都有不同的目标。那么合并它们呢?

除了其他,我喜欢bootstrap的响应式布局功能。另一方面,我也喜欢“页面”方法和jQuery mobile(包括滑动事件等)和转换的可能性。

两者都有专业项目吗?或者有人试图这样做并失败了?

我知道Using Bootstrap with jQuery Mobile看起来像一个类似的问题,但它已经过时了(参考bootstrap 2)。

3 个答案:

答案 0 :(得分:44)

<强>结论 我不建议将JQuery Mobile和Bootstrap用于复杂项目。

JQM知识 我们正在使用JQuery Mobile(JQM)框架构建一系列复杂的Web应用程序。我们花了一年多的时间来制作这个,现在对JQM非常了解。

积极因素:某些功能非常有用,例如持久页脚和移动友好组件,这些组件为HTML5应用程序提供了一种非常原生的感觉。 否定:我们必须禁用JQM的许多功能,例如预加载页面以创建我们需要的复杂功能。

最终结果很好,因为我们已经让iOS开发人员误以为它是原生的。

引导知识 我最近还制作了一个响应式网站,使用bootstrap来宣传上面的JQM产品,并且效果非常好(http://www.sure-sense.com)。

组合 我试图在仪表板应用程序上将引导程序与JQM项目结合起来,但很快就强调了2个框架不兼容。 JQM的CSS标记了引导CSS之上的组件,结果是一些看起来像JQM的组件和其他类似bootstrap的组件。

答案 1 :(得分:26)

就我个人而言,我认为jQuery Mobile拥有的功能比您真正需要的更多,而且它还会将您锁定为一种不灵活的构建方式。当你有许多具有不同动画的面板时,它会开始变得越来越麻烦,并且通常可以很快地让你获得80%的速度,但是需要很长时间才能完成定制的事情。

我会使用twitter bootstrap然后添加插件来支持你需要的功能。

Bootstrap有很多非官方的插件可以添加来模仿jQuery Mobile的功能: http://bootsnipp.com/resources

这里有一个指南,仅使用来自jQuery Mobile的滑动事件: http://lazcreative.com/blog/adding-swipe-support-to-bootstrap-carousel-3-0/

或者您可以使用自己的插件手动添加滑动事件: http://stephband.info/jquery.event.swipe/

如果您想要一个可扩展的侧边栏菜单,您可以自己轻松添加:

-webkit-transition: width 0.35s ease;
-moz-transition: width 0.35s ease;
-o-transition: width 0.35s ease;
transition: width 0.35s ease;

http://jsfiddle.net/Osis/Mns8q/ http://codepen.io/krichnafsky/pen/cuhkL http://coding.smashingmagazine.com/2013/01/15/off-canvas-navigation-for-responsive-website/

答案 2 :(得分:2)

对于一个人的工作,我不认为选择单一解决方案或组合是非常重要的,因为它是你和你唯一的&#34;你&#34;让它们发挥作用。

但是,对于团队工作,在公司甚至企业中,工作包括制作模板+实施应用程序,责任分别由创意设计团队和IT团队负责。所以最终解决方案需要与这两个团队一起做好。

对于我们公司,CD团队倾向于使用BootStrap,因为他们被要求制作许多自定义的,特殊效果的Web模板,但是IT团队已经做了一些jQM应用,他们喜欢将它用于未来的开发工作,因此发生冲突

从长远来看,&#34;用户要求&#34;克服了冲突,我们现在将使用BootStrap模板,尽量避免在我们的主要移动Web应用程序开发中使用jQM。

可怜但需要接受的选择。