动态更改“数据图标”不起作用

Question

据我自己说，这应该有效..。尝试更改可折叠/可折叠集合中的列表视图项上的图标

var p = $("#mySet li[data-item='"+ item + "'][data-bin='"+ bin + "']").attr("data-icon");

如果我提醒(P)，我得到“克拉-r”，wich是图标。

但应用这一方法没有任何作用：

$("#mySet li[data-item='"+ item + "'][data-bin='"+ bin + "']").attr("data-icon", "check");

有什么想法吗？

更新：实际上，标记更改(使用firebug)，所以似乎存在一些刷新问题？

更新2，感谢奥马尔-现在就开始工作！

$("#mySet li[data-item='"+ item + "'][data-bin='"+ bin + "'] a").removeClass("ui-icon").addClass("ui-icon-check");

Answer 1

列表视图项可以容纳包含图标的<a>标记。不推荐使用data-icon属性，代之以直接添加到<a>标记中的图标类。

但是，在列表视图项中，一旦创建了列表视图，就会添加图标类。要更改li的图标，需要将其直接添加到li的锚点中。

$("li a").addClass("ui-icon-check");

此外，您还需要删除以前图标的类。它可以用这种方式编程完成。

$(".selector a").removeClass(function (i, uiClass) {
  return (uiClass.match(/\bui-icon-\S+/g) || []).join(' ');
}).addClass("ui-icon-check");

这将删除当前图标并用ui-icon-check替换它。

演示