我创建了一个自定义图标,当我将其分配给自定义图标显示的硬编码列表时。但是当我将它放在表格中以编程方式添加的列表时,它不会显示,而是显示“加号”图标。
具有讽刺意味的是,当我尝试“删除”内置图标时,它会正确显示,但我的自定义图标不会显示。这些是场景:
这是我的自定义按钮
$(".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");
按钮变为删除(内置图标)图标。 任何人都可以帮我解决这个问题吗?请???
答案 0 :(得分:3)
<强>更新强>
更新列表
如果您将项目添加到列表视图,则需要调用 在它上面刷新()方法来更新样式并创建任何嵌套 添加的列表。例如,
$('ul').listview('refresh');
自定义图标
要使用自定义图标,请指定具有唯一名称的数据图标值 像myapp-email和按钮插件将生成一个类 将ui-icon-添加到数据图标值前面并将其应用于按钮。 然后,您可以编写一个针对ui-icon-myapp-email的CSS规则 用于指定图标背景源的类。保持视觉 一致性,创建一个18x18像素的白色图标,保存为PNG-8 alpha透明度。
文档: