Интеграция и/или интеграция с интеграцией образцов jQuery-Mobile Meteor

Ответ 1

Мне было интересно об этом, поэтому я сделал пример приложения:

http://jqmdemo.meteor.com/

И это работает хорошо. Здесь вы можете найти исходный код:

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

При использовании этих двух комбинаций есть несколько ошибок, см. комментарии в коде.

UPDATE. Похоже, meteor.com переводит обновления в метеорную инфраструктуру, нарушая старый код там. Используйте этот проект только в качестве ссылки, поскольку есть лучшие способы сделать то же самое с новыми версиями фреймов.

Ответ 2

Мне не удалось заставить jQuery Mobile работать сначала, когда я попытался связать файлы фреймворков в каталоге клиентов. Meteor выдавал ошибку в файлах JS, которые пытались установить DOCTYPE, даже файлы в папке примеров, на которые никогда не ссылались. Используя версию, содержащую 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>

Ответ 3

Я предлагаю взглянуть на пакет jQuery в папке /packages/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');
});