2013-08-21 5 views
0

Если я использую CDN, размещенные javascript и css url внутри моего html-значка данных отображаются правильно. Если я использую локальную папку в моем проекте, она не работает. Найдите приведенный ниже код для справки. У меня есть контент только с указанного ниже CDN-url. Прошу совета, что я делаю неправильно.jquerymobile data-icon issue

Ниже код не работает, отображается круглый значок, но я не получил информационный логотип «i» внутри значка.

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<title>Insert title here</title> 
<link rel="stylesheet" href="css/jquery.mobile-1.3.2.css" type="text/css" /> 
<script type="text/javascript" src="js/jquery-1.9.1.js"></script> 
<script type="text/javascript" src="js/jquery.mobile-1.3.2.js"></script> 
</head> 
<body> 
<div data-role="page" id="test"> 
    <div data-role="header" data-theme="b"> 
     <a href="#home" data-icon="info" data-iconpos="notext"></a> 
     <h1>Home</h1> 
    </div> 
</div> 
</body> 
</html> 

Этот код работает, если я использую CDN URL, значок с символом информация приходит

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<title>Insert title here</title> 
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.css" type="text/css" /> 
<script type="text/javascript" src="code.jquery.com/jquery-1.9.1.js"></script> 
<script type="text/javascript" src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.js"></script> 
</head> 
<body> 
<div data-role="page" id="test"> 
    <div data-role="header" data-theme="b"> 
     <a href="#home" data-icon="info" data-iconpos="notext"></a> 
     <h1>Home</h1> 
    </div> 
</div> 
</body> 
</html> 
+0

возможно дубликат [JQuery, почему некоторые из моих иконок начать смотреть некорректный] (http://stackoverflow.com/questions/15761246/jquery-why-some-of-my-icons-start-looking -корректно) – Omar

ответ

3

Если вы используете его на месте вам нужно будет загрузить иконки изображений на сервер. CDN будет размещать изображения для вас во втором примере, поскольку css ищет в папке относительно файла css.

Внутри CSS для класса значок вы увидите, что он использует следующее:

background-image: url(images/icons-36-white.png); 

Так что вам необходимо скачать файл иконки с JQuery. например, отсюда: http://code.jquery.com/mobile/1.3.2/images/icons-36-white.png

+0

Я загрузил css с сайта jquerymobile и сохранил его в папку проекта. Этот файл не содержит эти изображения ??? – krrr25

+1

Если вы загрузите его здесь, вы также получите изображения: http://jquerymobile.com/resources/download/jquery.mobile-1.3.2.zip –

+0

извините, я не загрузил эти изображения – krrr25

1

Если вы хостинг CSS стиль-лист для JQuery Mobile, то вам необходимо также Размещать изображения (которые находятся в том же файле .zip, что JS и CSS файлы пришли в)

Снимки изображений должны быть в каталоге с именами изображений, который находится в том же каталоге, что и в стиле jQuery Mobile CSS style style (лист стилей относительно ссылается на такие образы: background-image: url (images/icons- 18-white.png);).

Source Location

Смежные вопросы