Разница между jQuery и jQuery Mobile?

Я новичок в мобильной веб-разработке, и я только что сделал мобильное приложение с PhoneGap, используя частое использование jQuery.



но, естественно, было несколько сбоев, связанных с тем, как я отформатировал вещи и как они на самом деле появились на экранах мобильных устройств, с которыми я тестировал, и в попытке решить их я наткнулся на многие предложения, чтобы облегчить себе работу с помощью jQuery mobile.



теперь это меня смущает - jQuery не было рулона форматирование. Это было просто мое знание уровня новичка мобильного CSS, которое вызвало проблемы.



Итак, что именно делает jQuery mobile, и чем он отличается от обычного jQuery? Если я уже знаю jQuery, что для меня будет новым?

439   4  

4 ответов:

jQuery предназначен исключительно для упрощения и стандартизации сценариев в разных браузерах. Он фокусируется на низкоуровневом материале: создание элементов, манипулирование DOM, управление атрибутами, выполнение HTTP-запросов и т. д.

jQueryUI представляет собой набор компонентов пользовательского интерфейса и функций, построенных поверх jQuery (т. е. он нуждается в jQuery для работы): кнопки, диалоговые окна, ползунки, вкладки, более продвинутые анимации, функции перетаскивания.

jQuery и jQueryUI предназначены для "добавления" на ваш сайт (настольный или мобильный) - если вы хотите добавить определенную функцию, jQuery или jQueryUI могут помочь.

jQuery Mobile, однако, это полная структура. Это должно быть вашей отправной точкой для мобильного сайта. Он требует jQuery и использует функции как jQuery, так и jQueryUI для предоставления компонентов пользовательского интерфейса и функций API для создания мобильных сайтов. Вы все еще можете использовать как много или как мало как вам нравится, но jQuery Mobile можете контролируйте весь видовой экран в удобном для мобильных устройств способе, если вы позволите ему.

еще одно важное отличие заключается в том, что jQuery и jQueryUI стремятся быть слоем поверх вашего HTML и CSS. Вы должны быть в состоянии просто оставить разметку и усилить его с помощью jQuery. Однако jQuery Mobile предоставляет способы определения того, где вы хотите, чтобы компоненты отображались только с помощью HTML - например (с сайта jQuery Mobile):

<ul data-role="listview" data-inset="true" data-filter="true">
    <li><a href="#">Acura</a></li>
    <li><a href="#">Audi</a></li>
    <li><a href="#">BMW</a></li>
    <li><a href="#">Cadillac</a></li>
    <li><a href="#">Ferrari</a></li>
</ul>

The data-role атрибут говорит jQuery Mobile, чтобы превратить этот список в мобильный дружественный компонент пользовательского интерфейса и data-inset и data-filter атрибуты устанавливают свойства этого - без написания одной строки JavaScript. с другой стороны, компоненты jQueryUI обычно создаются путем написания нескольких строк JavaScript для создания экземпляра компонента в DOM.

86  
2014-04-30 19:56:00

что такое jQuery mobile

JQM (jQuery mobile) - это система пользовательского интерфейса для мобильных телефонов, которая построена поверх jQuery . jQuery требуется для работы JQM. В отличие от других подобных фреймворков мобильных телефонов jqm targets поддерживает все основные мобильные, планшетные, электронные и настольные платформы, а не только мобильные браузеры webkit. Одной из наиболее заметных особенностей фреймворка является система навигации Ajax, которая использует анимированные переходы страниц(очень прохладный.)

что может быть нового для вас

одна вещь о JQM, которая бросает кривой мяч на новых пользователей является AJAX навигации. Исходя из jquery, вы, вероятно, привыкли включать свой javascript на каждой странице, а затем использовать DOM ready( $(function(){ ... } или $(document).ready(function(){ .... }), чтобы запустить все ваши забавные действия javascript. Но поскольку JQM использует навигацию ajax, система будет вытягивать другие страницы в тот же dom, что и первая страница, и не загружает ваши скрипты, содержащиеся в <head>. Когда следующая страница загружается через AJAX, вы заметите, что ваши вещи внутри $(function(){ ...} не будет работать на второй странице. Решение этой проблемы является привязкой к событию pageinit. Эти примеры помогут вам в начале вашего путешествия:

$(document).on('pageinit', function(){ // this fires for each new page

});

чтобы настроить таргетинг на определенную страницу, вы добавляете идентификатор страницы:

$(document).on('pageinit','#page2', function(){ // this fires for #page2 only 

});

понимание новых событий страницы поможет вам много, когда вы начинаете с JQM. http://jquerymobile.com/demos/1.1.0/docs/api/events.html удачи!

28  
2012-05-01 03:35:26

jQuery является DOM манипулирования/обхода и AJAX JavaScript framework. Он абстрагирует много сложности между различными браузерами автоматически. Существует множество jQuery плагинов, которые упрощают многие задачи.

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

все они бесплатны. Вам не нужно использовать jQuery Mobile для использования jQuery. Но чтобы использовать jQuery Mobile, вы придется использовать jQuery.

4  
2012-05-01 02:37:55

Не хватает точек для комментариев выше, поэтому добавление в поток для ответа на второй вопрос Энди о зависимостях.

Я считаю, что вы ищете здесь:jQuery Mobile Demo

<!DOCTYPE html> 
<html>
<head>
    <title>Page Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="http://code.jquery.com/mobile/[version]/jquery.mobile-    [version].min.css" />
    <script src="http://code.jquery.com/jquery-[version].min.js"></script>
    <script src="http://code.jquery.com/mobile/[version]/jquery.mobile-[version].min.js"></script>
</head>

<body>
    ...content goes here...
</body>
</html>
2  
2014-08-16 16:21:59

Comments

    Ничего не найдено.
Click here to cancel reply.