2012-01-18 6 views
3

я предположил, что если у меня есть базовая установка ...Где хранятся значки данных jQuery-mobile?

<head> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/latest/jquery.mobile.css" /> 
    <script src="js/jquery.js"></script> 
    <script src="js/jquery.mobile.js"></script> 
</head> 

затем, позже в коде, если я включаю, скажем, заголовок с кнопкой, которая использует «плюс»-значок данных. ..

<div data-role="header" data-position="inline"> 
    <h1>Shopping List</h1> 
    <a href="index.html" data-icon="plus" data-role="button">additem</a> 
</div> 

затем кнопки будут отображаться с символом «плюс». Кнопки отображаются, но без значка данных. Что мне не хватает в моей настройке?

ответ

3

Ссылка должна содержать data-role="button" не так ли?

+0

спасибо, я добавил, что и обновляется, но до сих пор нет данных-иконки – mcktimo

+0

Посмотрите на вкладке Сеть в консоли разработчика Chrome, чтобы увидеть, если изображение не удалось загрузить. – Jivings

+0

... но как только я добавил data-role = "button", тогда я смог увидеть 404 ошибки страницы в консоли google chrome devtool и решил ее. – mcktimo

0

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

<link rel="stylesheet" type="text/css" media="screen" 
href="${pageContext.request.contextPath}/theme/css/jquery/ui-lightness/jquery-ui-1.8.6.custom.css" /> 

0

добавить

<link rel="stylesheet" href="themes/jquery.mobile.icons.min.css" />