jquery移动数据图标

您好，由于某种原因，我很难动态更改jquery mobile中的某些属性。当我调用正在使用的各个方法时，我可以看到标记中的属性正在更改，但元素的外观没有更改。是否需要在Jquery Mobile中重新初始化列表等

顺便说一句，这里有一些代码向您展示如何设置属性：

$('.className').each(function(){
    if ($(this).text() == tempLoc){
    console.log('FOUND MATCH WITH tempLoc and ' + $(this).text());
    $(this).attr('data-icon','alert');
    $(this).attr('data-theme','e');
}
});

正如我所说，这在代码中起作用，但元素不会更新或更改外观。 有什么想法吗

更新： 我已经找到了一种方法来更新数据图标，但它当然仍然是混乱的，不必要的。您可以使用以下方法访问数据图标：

$(this).children('div.ui-btn-inner').children('span.ui-icon').removeClass('ui-icon-arrow-r');
$(this).children('div.ui-btn-inner').children('span.ui-icon').addClass('ui-icon-alert');

在这种情况下，$（这）指的是按钮本身，图标本身位于其ui btn内部子级的范围内。将生成ui-icon-arrow-r。替换在本例中使用的任何类。如果有人知道正确刷新按钮的方法，我将不胜感激。

相关：

实例：

• （单击时颜色和图标会发生变化）

链接到相关问题：

---

您真的应该使用JQM选择器，如中指定的jqmData（）

e、 g

希望这有助于解决您的问题

$("#myButtonName").buttonMarkup({ icon: "star" });

这将在运行中改变它。这是我的密码：

$(".menu-button").toggle(
    function()
    {            
        $(this).buttonMarkup({ icon: "star" });
        $(".navigation-menu-container").show();
    },
    function()
    {
       $(".navigation-menu-container").hide();    
    }
);

请参见此处的文档：

---

在发布此问题后不久，偶然发现了这一点：这有一点帮助，但仍然很混乱，无法有效地正确刷新元素。加上数据图标保持不变，这是相当恼人。主题将更改，但数据图标不会更改。$（this）.buttonMarkup（{icon:“star”}）；为我工作，动态更新列表视图图标。

$(".menu-button").toggle(
    function()
    {            
        $(this).buttonMarkup({ icon: "star" });
        $(".navigation-menu-container").show();
    },
    function()
    {
       $(".navigation-menu-container").hide();    
    }
);