Несовместимый мобильный jQuery и ui

Хотя у меня есть тонна людей, ссылающихся к подобным проблемам совместимости, 50%, их проблемы решены на StackOverflow. Я надеюсь, что мой вопрос сделает его 51-49:)

Рассмотрите этот код:

<html>
<head>
  <title>Hello, world!</title>
  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
  <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
  <script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
</head>
<body>
  Hello
</body>
</html>

Если вы загрузите это на веб-странице, вы получите серый круг посреди браузера, и слово "Hello" не показано. На веб-пульте вы будете видеть следующее: Непойманный TypeError: у Объекта 0 нет метода 'матч' (Хром) или TypeError: c.match не функция (Firefox) или SCRIPT438: Объект не поддерживает собственность или метод 'матч' (IE).

Действительно ли это - плохая идея хотеть использовать и jquery-ui и мобильный jQuery на странице вместе, или я делаю что-то не так?

4
nl ja de

1 ответы

Только релевантной вещью является заказ, груз jQM после того, как jUI, то же самое пойдет для CSS файлов:

<!DOCTYPE HTML>
<html>
<head>
  <title>jQM Complex Demo</title>
  <meta name="viewport" content="width=device-width"/>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" />    
  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
  <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
  <script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>    
  <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
</head>
<body>
    <div data-role="page" id="index">    
      Hello
    </div>
</body>
</html>

Также вам нужно:

<!DOCTYPE HTML>

И это предотвратит ajax показ променада погрузчика:

<div data-role="page" id="index">    
    Hello
</div>
9
добавлено
+1 для . И это потрясающее - простые уловки жизни!:)
добавлено автор Sudipta Chatterjee, источник
Никакая идея, почему, но it' s работа.. Спасибо!
добавлено автор Gondy, источник
Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

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