Jquerymobile и JQuery UI значок конфликта данных - PullRequest
Новая
       10

Jquerymobile и JQuery UI значок конфликта данных

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

В моем веб-приложении у меня есть страница, где я использую виджет автозаполнения из jQuery UI.На этой странице я ссылаюсь на jQuery Mobile и jQuery UI CSS. 

link rel="stylesheet" href="Styles/jquery.mobile-1.0.1.min.css"
type="text/css"  link rel="stylesheet" type="text/css"
href="Styles/ui-lightness/jquery-ui-1.8.16.custom.css"

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

Есть идеи, что я могу делать не так?

Ответы [ 3 ]

5 голосов
/ 06 апреля 2012

Поместите ссылку jQuery UI css ДО мобильного jssquery css и она должна работать.

0 голосов
/ 07 февраля 2012

jQuery mobile показывает значок через объявление CSS background-image и position, вероятно, у вас есть CSS, который переопределяет эти стили.

Чтобы найти вашу проблему, используйте ваш отладчик, отладчик Chrome особенно полезен,под Computed Style ищите стиль background-image / position и класс CSS в конфликте.Затем вы можете увидеть, какой класс выигрывает, и фактическое значение, если вы видите черный ящик, у вас вполне может быть просто неправильный URL-адрес изображения, который вы также можете определить здесь, перейдя по ссылке на изображение в стиле CSS и увидевесли это изображение действительно существует.

Также я не вижу ваших <и> скобок вокруг вашей декларации CSS, поправьте меня, если я ошибаюсь, но я думаю, что вы должны ссылаться на каждый файл CSS с помощьюотдельный тег: 

<link rel="stylesheet" href="Styles/jquery.mobile-1.0.1.min.css" type="text/css">
<link rel="stylesheet" type="text/css" href="Styles/ui-lightness/jquery-ui-1.8.16.custom.css">
0 голосов
/ 06 февраля 2012

Попробуйте связать ваши Javascripts в следующем порядке: 

<script src="custom-scripting.js"></script>
<script src="jquery-mobile.js"></script>

Если это не поможет, попробуйте использовать пользовательский селектор в своем коде :jqmData(), так как он автоматически включает атрибуты пространства имен в поиск, когда они используются. Например, вместо вызова $("div[data-role='page']") вы должны использовать $("div:jqmData(role='page')"), который внутренне сопоставляется с $("div[data-"+ $.mobile.ns +"role='page']"), не заставляя вас объединять пространство имен в селекторы вручную, специально для вашего data-icons

...