jQuery-Mobile Meteor集成和/或集成指南示例

Question

Meteor给我留下了深刻的印象，我想用jQuery-Mobile来使用它。我想知道是否有人已经构建了一个示例集成应用程序。如果没有，一些指导方针将是很好的。

致以敬意，

Cédric

Answer 1

我也想知道这一点，所以我做了一个示例应用程序：

http://jqmdemo.meteor.com/

而且它似乎工作得很好。你可以在这里找到源代码：

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

当两者一起使用时，有一些陷阱，请参阅代码中的注释。

更新：看起来meteor.com正在滚动升级到meteor框架，打破了那里的旧代码。仅将此项目作为参考，因为对于较新的框架版本，有更好的方法可以做同样的事情。

Answer 2

当我试图捆绑jQuery目录中的框架文件时，我最初无法让clients移动设备工作。Meteor在试图设置DOCTYPE的JS文件上抛出错误，即使是examples文件夹中从未被引用的文件也是如此。通过使用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>

Answer 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');
});