Jquery mobile 如何在JQM中动态更改可折叠的数据主题？

我需要在按钮单击时执行此操作，该操作位于中，因此我的操作方式如下：

my_button.closest('div[data-theme="b"]').find('a.ui-btn-up-b').toggleClass('ui-btn-up-b ui-btn-up-d');

但不幸的是，仍然有一些风格需要改变，但我不知道是哪一种…

更新了答案 因为动态解决方案不适用于可折叠，所以这里有一个手动解决方案

代码

---

---

旧答案

不幸的是，下面的动态解决方案出人意料地不起作用

其中

.selector

是可折叠文件的ID

$('button').on('click', function () {

 // change the theme
 $( ".selector" ).collapsible( "option", "theme", "a" );

 // apply new styles
 $( ".selector" ).collapsible().trigger('create');

});

---

尝试在您的代码后添加

.trigger（'refresh'）

。请向我显示您的确切标记。忘记删除悬停

ui-btn-hover-b

上的类，替换为

ui-btn-hover-d

@user1692333我会找出问题的。别担心。请注意更改后的标题。

$('button').on('click', function () {

 // change the theme
 $( ".selector" ).collapsible( "option", "theme", "a" );

 // apply new styles
 $( ".selector" ).collapsible().trigger('create');

});