Changing background of listview / Split buttons

Changing background of listview / Split buttons

Hi,

I'm using following code to generate a listview (server side):

  1. <div data-role="page" data-quicklinks="true" id="index">
     <div data-role="header">  <h1> Tivo Remote </h1>
      <div data-role="ui-content">
  2. <ul data-role="listview" data-split-icon="arrow-r" data-split-theme="a" data-filter="true" data-filter-placeholder="Sök program">
  3. <li>
  4.   <a href="index.php?channel=21">xxxx</br>
  5.    <font color=gray>00:24 yyy</font></br>
  6.    <font color=gray>01:24 zzz</font></br>
  7. <a href="program.php?channel=1">More</a>
  8. </li>
  9. </ul>
    </div>
    </div>
    </div>

The listview works as expected, I have two <a> links. The first one goes to the same page and the sec. goes to an "external" page. I have not done any customization at all to jQuery at all.

However I have discovered a few issues:

After clicking the same link (the first listview element) it is marked as blue, like its selected (very much the same way you can do with an button element) (See snip below)

This is actually somewhat desired, i wish to mimic the behavior of the ui-btn-active, would that be possible with a listview <li> element? i.e. I'd like to change the dom, either by server-side or jQuery to make the selected link active once pressed indicating that the link is the current link in use.

As said previously I have not tried to manipulate the DOM in any way, all is rendered "as is" using jQuery Mobile 1.4.5 and jQuery 1.11.1