Как обрабатывать значок данных в jQuery mobile и jquery-ui?

Я использую jQuery mobile & для некоторой автоматической полной функциональности Я использую jquery-ui, но проблема в том, что значок (>), который находится на моей кнопке &, значок (>) в моем элементе списка отображается неправильно, вместо этого он показывает некоторые странные значки. Любые предложения, как это исправить? enter image description here Как обрабатывать значок данных в jQuery mobile и jquery-ui?

<input type="submit" value="More" id="more" data-icon="arrow-d" data-iconpos="right" data-theme="b"/>

источник

2012-05-25 Jelo Melo

давайте посмотрим ваш код. – Patricia

Я добавил код кнопки –

icon> есть стрелка-r, а не стрелка-d. – ChelseaStats

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

Это выглядит нормально, если вы не используете стили jquery ui?

Вы можете просто избавиться от авто Jquery UI, полное и попробовать этот pluginI've использовал его с некоторым хорошим успехом: http://www.andymatthews.net/code/autocomplete/

редактировать: попробуйте переключить порядок, что вы в том числе ваши стили: поместите стили jquery ui перед стилями jquery mobile.

EDIT: Хорошо, я только что проверил это на месте, и она работала: Поместите Jquery UI JAVASCRIPT до Jquery мобильного яваскрипта, и это будет нормально:

вот полный тест страница:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en"> 
<head> 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
    <title> - jsFiddle demo</title> 

    <script type='text/javascript' src='http://code.jquery.com/jquery-1.7.1.js'></script> 

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js"></script> 
    <script type="text/javascript" src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script> 

    <link rel="stylesheet" type="text/css" href="/css/result-light.css"/> 


     <link rel="stylesheet" type="text/css" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css"/> 



    <style type='text/css'> 
    body { 
    font-family: Verdana, Arial, sans-serif; 
    font-size: 12px; 
} 


    </style> 



<script type='text/javascript'>//<![CDATA[ 
$(function(){ 


});//]]> 

</script> 


</head> 
<body> 
    <form> 
    <div> 
<input type="button" value="More" id="more" data-icon="arrow-d" data-iconpos="right" data-theme="b"/> 
    </div> 
</form> 



</body> 


</html>

источник

2012-05-25 13:55:15 Patricia

да, когда я не добавляю скрипт jquery-ui, тогда он отлично работает –

Это, вероятно, конфликт между jQuery UI и правилами стиля значков jQuery Mobile, затем ... –

Привет @ JeloMelo См. Мое редактирование. – Patricia

Как обрабатывать значок данных в jQuery mobile и jquery-ui?

ответ

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