jquery mobile - 使ui-btn-active適用於活動列表項目

Question

我在jquery mobile中有一個彈出列表，您可以單擊兩個項目進行選擇。我無法讓jquery mobile「記住」 - 通過class='ui-btn-active' - 哪個listview項目已被選中。您點擊列表項目，但ui-btn-active類不會附加到它。

這是我使用（不工作）的jQuery的：

$('a.switchview').on('click', function() { 
    $(this).addClass('ui-btn-active ui-state-persist'); 
}); 

而這裏的HTML：

<div data-role='page' data-add-back-btn='true'> 
    <a href='#popupSwitchView' class='ui-state-persist ui-btn ui-shadow ui-corner-all ui-icon-eye ui-btn-icon-notext ui-alt-icon ui-nodisc-icon ui-btn-inline' data-transition='slideup' data-rel='popup' data-inline='true'>Switch view</a> 

    <div data-history='false' data-role='popup' id='popupSwitchView'> 
<a href='#' data-rel='back' data-role='button' data-icon='delete' data-iconpos='notext' class='ui-btn-right' data-theme='a'>Close</a> 

     <ul data-role='listview' data-icon='delete'> 
      <li data-role='list-divider' style='font-style: oblique;'>Select choice</li> 
      <li><a href='javascript:;' data-role='button' data-transition='fade' data-mini='true' class=' switchview' id='choiceA' name='theView' value='choiceA'>Choice A</a> 

      </li> 
      <li><a href='javascript:;' data-role='button' data-transition='fade' data-mini='true' class='switchview' id='choiceB' name='theView' value='choiceB'>Choice B</a> 

      </li> 
     </ul> 
    </div> 
</div> 

FIDDLE

任何想法，爲什麼這ISN」工作？

Answer 1

返回從click事件虛假和先前選擇刪除活動類：

$('a.switchview').on('click', function() { 
    $('a.switchview').removeClass('ui-btn-active ui-state-persist'); 
    $(this).addClass('ui-btn-active ui-state-persist'); 
    return false; 
}); 

更新FIDDLE