使用 jquery mobile 更改点击时的数据图标

这是我的代码：

function togglePOIAndDisplay(toggle){
    var display = $(toggle).attr('data-icon');
    console.log(display);
    if(display == 'minus'){
        $(toggle).attr('data-icon', 'check');
            console.log(display);
    } else {
        $(toggle).attr('data-icon', 'minus');
        removeMarkers(toggle);
    }
}   

它会记录minus到控制台并进入第一个 if() 块并正确执行 displayAllPOIOfType() ，但尽管设置正确，但它不会反映值的更改。任何想法为什么会这样，因为它显然正确地读取/设置了属性。

有更新吗function我需要打电话吗？谢谢

这取决于它是按钮、选择还是其他接受data-icon属性。不幸的是，jQuery Mobile 并没有很好地支持动态改变由data-*属性，因此您必须调整属性并修改子元素上的类。

对于按钮，类似这样的东西应该有效：

$(buttonSelector).attr('data-icon', newIcon);
                 .find('.ui-icon')
                     .addClass('ui-icon-' + newIcon)
                     .removeClass('ui-icon-' + oldIcon);