android - 动态更改 "data-icon"不起作用

Question

根据我自己的说法，这应该可行....尝试更改可折叠/可折叠集内的 ListView 项目上的图标

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

如果我提醒 (p)，我会得到 “carat-r”，这是图标。

但是应用这个什么都不做:

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

有什么想法吗？

更新:实际上标记发生了变化(使用 Firebug )，因此似乎存在一些刷新问题？

更新 2，感谢 Omar - 现在可用!

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

Answer 1

ListView 项目容纳<a>包含图标的标签。 data-icon属性已弃用并替换为 icon 类以直接添加到 <a> 中标签。

但是，在 ListView 项中，图标 类是在创建 ListView 后添加的。更改 li 的图标 ，需要直接添加到li中的 anchor 。

$("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 .

Demo