jQuery Mobile и HTML5 Boilerplate - PullRequest
Новая
       2

jQuery Mobile и HTML5 Boilerplate

1 голос
/ 06 января 2012

Кто-нибудь знает, как заставить jQuery Mobile загружаться только на страницах с определенным разрешением экрана? Я не хочу, чтобы jQuery Mobile загружался, если кто-то просматривает страницу из браузера настольного компьютера или ноутбука, потому что я хочу использовать HTML5 Boilerplate.

Например, если кто-то заходит на мою страницу со своего iPhone, я хочу, чтобы jQuery Mobile отформатировал сайт с созданной мной темой, но если он просматривает его со своего рабочего стола, я не хочу, чтобы jQuery Mobile добавлял все дополнительные теги и прочее.

Спасибо

Ответы [ 3 ]

4 голосов
/ 07 января 2012 
<script type="text/javascript">
<!--

var fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript")
fileref.setAttribute("src", "js/jqueryMobile.js")   

if (screen.width <= 480) {
document.getElementsByTagName("head")[0].appendChild(fileref);
}
//-->
</script>
1 голос
/ 06 января 2012 
<script type="text/javascript">
    <!--
    if (screen.width <= 699) {
    document.location = "mobile/index.html";
    }
    //-->
</script>

Этот фрагмент скрипта распознает размер экрана, в данном случае 699 пикселей, и затем скажет серверу загрузить папку, отличную от корневой. Просто создайте папку на вашем сервере с именем mobile для вашего мобильного сайта jquery - и все. ура! * * 1002

0 голосов
/ 06 января 2012

jQM Документы:

Примечание. Эта функция устарела в бета-версии и удалена в версии 1.0rc1. Мы рекомендую вместо этого использовать CSS3 Media Queries. Для поддержки старых версий Internet Explorer, посмотрите response.js , быстрый и легкий polyfill для CSS / Media Query с минимальной / максимальной шириной.

Если вам все еще нужна эта функция, вы можете найти код здесь: jquery.mobile.media.classes.js

...