listview - 拆分按钮列表视图中动态更改数据主题的问题

Question

我正在尝试按照此线程中的大纲通过更改数据主题来动态更改拆分按钮列表视图的颜色样本。有趣的是，当我在 javascript 中放入警报语句时，该方案有效，但是当我取出警报时，这不起作用。

这是示例：

• 带有警报：http: //jsbin.com/ifodij/4/
• 没有警报： http: //jsbin.com/ifodij/3/（在尝试关闭之前尝试切换两个按钮）

关于为什么会发生这种情况以及我可能缺少什么的任何建议？谢谢。

Answer 1

我不太确定原因。但这就是我重新编写您正在做的事情的方式（这似乎可以解决问题）：

首先，onclick="toggleChecked('2', 'TR02')"从 HTML 中删除您的内联 javascript ( )。

接下来，用toggleChecked()以下 javascript 替换您的函数：

$(document).ready(function(){
   $('a[id^="star"]').on("click", function(){

      if ($(this).data("theme") == "d") {
         $(this).buttonMarkup({ theme: 'e' }).button();
      } else {
         $(this).buttonMarkup({ theme: 'd' }).button();
      }
   });
});

上面是一个事件监听器，它将检查是否单击了任何以 withid开头的锚点。star

刷新按钮似乎有点问题，尽管重建按钮，上一个主题中的类通常仍然存在。

---

更新

实际上废弃上述内容，这似乎是一种实现选定按钮的复杂方式。为什么不只是更改 CSS，使用上面的作为指导，删除内联样式并使用以下 jQuery：

$(document).ready(function(){
   $('a[id^="star"]').on("click",function(){
      $(this).toggleClass("ui-btn-pressed");
   }); 
}); 

这是一个 jsbin：http: //jsbin.com/ifodij/8/edit

Answer 2

不幸的是，上面接受的答案对我更改拆分图标主题不起作用，我在这里解决了我的问题表格 $(this).find('span.ui-btn').buttonMarkup({ theme: 'b' });