使用JQM和addClass更改按鈕顏色每頁僅工作一次

Question

我正在嘗試更改移動應用程序按鈕的背景。 Click事件似乎太慢，因此我使用了vmousedown。 這有效，但每頁僅一次。 我在做

Mousedown
$(.headerNavBar).on('vmousedown','.logout',function() {
$(this).removeClass('ui-bar-c').addClass('ui-bar-c');
});
Mouse UP
$(.headerNavBar).on('vmouseup','.logout',function() {
$(this).removeClass('ui-bar-c');
});
$(.headerNavBar).on('tap','.logout',function() {
$(this).removeClass('ui-bar-c');
});

HTML是

<li><a href="#" class="logout" data-icon="back" data-theme="b">Log out</a></li>

該按鈕位於JQueryMobile頁面內容塊中。

如果有更好的方法來更改背景漸變，那也很好。

更新：我剛剛在檢查器中注意到正在添加和刪除該類，但是該類並未在頁面上更新。

Answer 1

使用父元素或文檔來綁定事件並提供選擇器。 第二件事，您可能會檢查是否具有vmousedown，這將是mousedown和vmouseup相同。

按下鼠標

$(document).on('vmousedown','.logout', function() {
   $(this).removeClass('ui-bar-c').addClass('ui-bar-c');
});

鼠標向上

$(document).on('vmouseup','.logout', function() {
      $(this).removeClass('ui-bar-c');
});

Answer 2

$('body').delegate('.logout','vmousedown', function() {
   $(this).removeClass('ui-bar-c').addClass('ui-bar-c');
});