JQueryMobile:自定义图标

时间:2011-11-06 19:21:57

标签: jquery-mobile icons

我创建了一个自定义图标,当我将其分配给自定义图标显示的硬编码列表时。但是当我将它放在表格中以编程方式添加的列表时,它不会显示,而是显示“加号”图标。

具有讽刺意味的是,当我尝试“删除”内置图标时,它会正确显示,但我的自定义图标不会显示。

这些是场景:

这是我的自定义按钮

 $(".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 个答案:

答案 0 :(得分:3)

<强>更新

  

更新列表
  如果您将项目添加到列表视图,则需要调用   在它上面刷新()方法来更新样式并创建任何嵌套   添加的列表。例如,

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

自定义图标

  

要使用自定义图标,请指定具有唯一名称的数据图标值   像myapp-email和按钮插件将生成一个类   将ui-icon-添加到数据图标值前面并将其应用于按钮。   然后,您可以编写一个针对ui-icon-myapp-email的CSS规则   用于指定图标背景源的类。保持视觉   一致性,创建一个18x18像素的白色图标,保存为PNG-8   alpha透明度。

文档: