jquery移动列表视图项目图标刷新失败

Question

我想在点击listview项目后删除图标：

$('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'});再次失败。

Answer 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