JQueryMobile: пользовательские значки - PullRequest
Новая
       18

JQueryMobile: пользовательские значки

2 голосов
/ 06 ноября 2011

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

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

это сценарий:

это моя пользовательская кнопка 

 $(".ui-icon-customicon").css({'background-image':'url("http://website/mycustomeicon.jpg")','backgroundRepeat':'no-repeat', 'height':'18px', 'width':'18px', 'background-position':'center', 'background-color':'white'});

когда я использую вышеуказанную кнопку для жестко закодированного списка в Таблице, он отображается правильно. Но когда я использую это так ... 

listItem = document.createElement('li');
listItem.setAttribute("data-icon","customicon");

моя иконка не отображается. и вместо этого он отображает значок «плюс». но когда я попробую это .... 

listItem = document.createElement('li');
listItem.setAttribute("data-icon","delete");

кнопка меняется на значок удаления (встроенный значок). Кто-нибудь может помочь мне в чем проблема? пожалуйста ???

1 Ответ

3 голосов
/ 07 ноября 2011

Обновление

Обновление списков
Если вы добавляете элементы в просмотр списка, вам нужно вызвать метод refresh () для обновления стилей и создания любых вложенных списки, которые добавляются. Например, 

$('ul').listview('refresh');

Пользовательские значки

Чтобы использовать пользовательские значки, укажите значение значка данных с уникальным именем. как myapp-email и плагин кнопки сгенерирует класс добавьте префикс ui-icon- к значению data-icon и примените его к кнопке. Затем вы можете написать правило CSS, которое предназначено для ui-icon-myapp-email класс для указания значка фонового источника. Для поддержания визуального согласованность, создайте белый значок 18x18 пикселей, сохраненный как PNG-8 с альфа-прозрачность.

Документы:

...