Numbered list problem with dots

Hey, i have problem with numbered listview.

JQuery Mobile version

<script src="../../Scripts/jquery.mobile-1.3.2.js"></script>

HTML

     <div class="ui-body ui-body-c" style="padding-top: 15px;">
                    <ol id="playerList" data-role="listview" data-split-icon="delete" data-split-theme="a" data-filter="true">
                    </ol>
      </div>

PROBLEM DESCRIPTION

Names are not longer then others. When i will add new name, it will shows like ... (dots) after new loading from DB and order by name, name is visibled correctly. (when the name is among first 9 names). This problem is only with ol (numbered list) when i use ul li all is working correctly. After adding name i always use listview("refresh").

$('#playerList').append('<li class="playersInGame"><a href="#popupDialog" class="showPlayerButton" data-rel="popup" data-position-to="window" data-inline="true" data-transition="pop"> '
+ '<h3>' + player.fullName + '</h3>'
+ ' <a href="#deleteConfirmPopup" class="removePlayerBtn" data-rel="popup" data-position-to="window" data-inline="true" data-transition="pop" style="width: 50px;">' + player.idPlayer + '</a>');
$('#playerList').listview("refresh");

Filter works fine. It finds all names.

Topic Participants
rudolf.ficek

Numbered list problem with dots

Numbered list problem with dots

Topic Participants

rudolf.ficek