jquery mobile listview项目图标刷新失败

【问题标题】：jquery mobile listview item icon refresh FAILEDjquery mobile listview项目图标刷新失败
【发布时间】：2014-08-30 09:49:11
【问题描述】：

我想在单击 listview itme 后删除图标：

$('ul li#' + id).prop('data-icon', false); listview.listview('refresh'); 没用

Google 发现：https://github.com/jquery/jquery-mobile/issues/5108 并添加： listview.trigger('create'); 或 listview.children('li a').button(); 也失败了。

JQuery mobile listview refresh icon $('li').buttonMarkup({icon : 'false'}); 再次失败。

【问题讨论】：

标签： jquery-mobile jquery-mobile-listview

【解决方案1】：

您需要删除类 ui-btn-icon-right 和 ui-icon-plus。您可以直接使用.removeClass("ui-btn-icon-right ui-icon-plus") 或使用.match，以防您在同一个listview 中使用不同的图标。

$(document).on("pagecreate", function () {
    $("#listviewID li a").on("click", function () {
        $(this).removeClass(function (i, uiClass) {
            return (uiClass.match(/\S+-icon-\S+/) || []).join(' ');
        });
    });
});

Demo

【讨论】：