jQuery-Mobile Meteor样本集成和/或集成指南

时间:2012-04-13 10:49:14

标签: jquery jquery-mobile integration sample meteor

我对Meteor印象深刻,并希望将它与jQuery-Mobile一起使用。我想知道是否有人已经构建了一个示例集成应用程序。如果没有,一些指导方针会很棒。

此致

和Cédric

3 个答案:

答案 0 :(得分:6)

我也想知道这个,所以我做了一个示例应用程序:

http://jqmdemo.meteor.com/

它似乎运作良好。你可以在这里找到源代码:

https://github.com/snez/jqm-meteor

将两者结合使用时会有一些问题,请参阅代码中的注释。

更新:看起来meteor.com正在滚动升级到流星框架,打破那里的旧代码。使用此项目仅作为参考,因为有更好的方法可以使用较新的框架版本执行相同的操作。

答案 1 :(得分:4)

当我尝试将客户端目录中的框架文件捆绑在一起时,我无法使jQuery Mobile最初工作。 Meteor在尝试设置DOCTYPE的JS文件上引发了错误,甚至是示例文件夹中从未引用过的文件。通过使用CDN托管版本并禁用上面评论中提到的autoInitializePage,我无需访问任何未记录的API即可使用。

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
<script type="text/javascript">
     $( document ).bind( "mobileinit", function( event, data ){
          $.mobile.autoInitializePage = false;
     });    
</script>

答案 2 :(得分:3)

我建议您查看/packages/jquery文件夹中的jQuery包。

所有这一切都是将jquery.js文件添加到文件堆栈中以发送到客户端。 如果您在此之后,您可以添加自己的名为jquery-mobile的包,并包含它所需的文件。

请参阅package.js文件了解其工作原理:

https://github.com/meteor/meteor/blob/master/packages/jquery/package.js

所以只需将移动文件添加到jquery-mobile软件包中,然后执行以下操作:

Package.on_use(function (api) {
  api.add_files('jquery.mobile-1.1.0.min.css', 'client');
  api.add_files('jquery.mobile-1.1.0.min.js', 'client');
});