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

Question

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

问候，

塞德里克

Answer 1

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

http://jqmdemo.meteor.com/

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

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

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

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

Answer 2

当我尝试将框架文件捆绑在客户端目录中时，最初无法让 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>

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