Используя jQueryMobile И ремешок ботинка вместе

Прямо сейчас я строю веб-приложение, и я хотел бы, чтобы устройство использовало jquerymobile для резолюций менее чем 780 пикселей и ремешка ботинка для вышеупомянутых 780 пикселей.. Это даже возможно? Я попытался искать вокруг, и я не могу выяснить решение. Я хотел бы использовать остатки обоих, проблема, это сильно находится в противоречии друг с другом... Я не хочу строить два отдельных места, потому что это разрушило бы живой отклик.

Twitter bootstrap: http://twitter.github.com/bootstrap/
jQueryMobile: http://jquerymobile.com

Вот моя голова...

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <?php echo Asset::js('jquery.js'); ?>
    <?php echo Asset::css('bootstrap.min.css'); ?>
    <?php echo Asset::js('bootstrap.min.js'); ?>
    <?php echo Asset::css('bootstrap-responsive.css'); ?>
</head>
2
nl ja de

4 ответы

Вы не можете просто переключиться на jQM от Ремешка ботинка (или противоположное) на окне изменяют размеры, не посылая пользователю в различную страницу все вместе из-за различий в повышении JavaScript и CSS между этими двумя библиотеками. У вас мог, однако, быть показ ремешка ботинка кнопка для более низких экранов резолюции, которые возьмут их к jQM версии вашего сайта.

Другой выбор находится на грузе страницы, проверьте ширину устройства и сделайте перенаправление.

2
добавлено
Что вы подразумеваете под разрывом это? Кроме того, вы знали, что у ремешка ботинка есть отзывчивая таблица стилей, которая заставляет его работать очень хорошо в мобильных устройствах? Это автоматически изменяет размеры документа и it' s структура, чтобы лучше всего соответствовать текущему размеру экрана, если вы установка структура правильно.
добавлено автор Kevin B, источник
Было бы возможно разорвать связь ремешка ботинка, если размер экрана слишком маленький? Это только работало бы с начальным грузом, или это будет работать динамично?
добавлено автор RyanDawkins, источник

Adapt.js might work well for you. It's a lightweight JavaScript that checks your window width and then serves the appropriate CSS. In theory you specify jquerymobile CSS for window widths under 780, and bootstrap above 780.

Я использовал adapt.js отдельно прежде, и он работал как очарование. На самом деле не проверяя всю эту мысль я не уверен, были ли бы какие-либо конфликты JavaScript или нет все же.

Удачи

1
добавлено

Вы могли также попробовать мой jQuery Мобильная тема Ремешка ботинка:

https://github.com/commadelimited/jQuery-Mobile-Bootstrap-Theme

Это принято на GitHub и подтверждено, чтобы работать с текущей версией jQuery Мобильный телефон (1.2).

0
добавлено

Вы могли попробовать включая ремешок ботинка CSS только для резолюции более чем 780 пкс

<link href="bootstrap.min.css" rel="stylesheet" media="only screen and (min-width:780px)">
<link href="bootstrap-responsive.css" rel="stylesheet" media="only screen and (min-width:780px)">

Что касается jqueryMobile, обычно требуется некоторое повышение, таким образом, вы не будете в состоянии позволить/отключить его только с мультимедийными запросами

0
добавлено
phpGeeks
phpGeeks
3 620 участник(ов)

Best PHP chat Еще: @dbGeeks - базы данных @phpGeeksJunior - новичкам @moscowProgers - IT Москва @ebanoePhp - весёлый канал о PHP @laravel_pro - Laravel @jobGeeks - вакансии @jsChat - JS Правила: https://t.me/phpGeeks/764859 ДР - 28.03.2016

Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda

CSS — русскоговорящее сообщество
CSS — русскоговорящее сообщество
1 502 участник(ов)

Сообщество любителей CSS Возникли проблемы с CSS? – пиши сюда, обсудим и предложим самое лучшее решение Работа: @css_ru_jobs Правила: https://teletype.in/@css_ru/r1EWtQ2w7 Приходите в наши чаты @javascript_ru и @frontend_ru Флуд: @css_flood

PHP
PHP
1 309 участник(ов)

Группа про современный PHP. Обсуждаем ООП, TDD, BDD, DDD, SOLID, GRASP и прочие крутые базворды Для ознакомления: https://gist.github.com/mkusher/711bd46f0b62fbae851182e6fb3b1839 Группа PHP для новичков @phpGeeksJunior Вакансии: https://t.me/fordev

PHP — вакансии, поиск работы и аналитика
PHP — вакансии, поиск работы и аналитика
1 251 участник(ов)

Публикуем вакансии и запросы на поиск работы по направлению PHP, Laravel, Symfony, Yii и т.д. Здесь всё: full-time, part-time, remote и разовые подработки. См. также: @qa_jobs, @devops_jobs, @javascript_jobs, @nodejs_jobs, @uiux_jobs, @products_jobs

Чат — Типичный Верстальщик
Чат — Типичный Верстальщик
1 080 участник(ов)

Основной канал: @tpverstak Обратная связь: @annblok Все ссылки на соц.сети проекта: http://taplink.cc/tpverstak ПРАВИЛА ЧАТА — https://teletype.in/@annblok/BygPgC3E7

phpGeeksJunior
phpGeeksJunior
980 участник(ов)

Группа для новичков. Не стесняйтесь задавать вопросы по php. Не флудить!!!! Правила и полезные ссылки https://gist.github.com/exileed/a53dd0617b35a705ff44b38c8028e6a5 Бест от пхпгикс https://t.me/best_of_phpgeeks

phpclub.ru
phpclub.ru
872 участник(ов)

Официальный чат phpclub.ru - остерегайтесь подделок #rules Правила группы - уважайте друг друга. Скриншоты -> ссылками. Код -> pastebin.com. Вакансии строго -> https://goo.gl/4bNxym, в чат ссылку. За рекламу и мат - БАН!

Devall | PHP
Devall | PHP
272 участник(ов)

Пристанище для восходящих звёзд разработки, которые перейдут на более адекватные языки. http://combot.org/chat/-1001014863761 Инвайт: j.mp/devallphp

Веб-Технологи: UI/UX, Вёрстка, Фронтенд
Веб-Технологи: UI/UX, Вёрстка, Фронтенд
167 участник(ов)

Всё про веб-дизайн и вёрстку. А также: HTML, CSS, флекс и бутстрапы, шаблонизаторы, препроцессоры, методологии, аглифаеры, улучшаторы и обфускаторы. Обсуждаем темы юзабилити, устраиваем А/В тесты лендингов, и проводим аудит.

DTP :: @DTPublish
DTP :: @DTPublish
147 участник(ов)

Обсуждаемые темы: полиграфия, препресс, верстка, дизайн, иллюстрации, скрипты, плагины. Канал - @DTPublishing

css_jobs
css_jobs
26 участник(ов)

Чат для вопросов по css и html: @css_ru Флуд: @css_flood Канал с вакансиями и резюме: @css_jobs_feed

css_флуд
css_флуд
10 участник(ов)