Mam listę, ale kiedy próbuję wygenerować autodividers dla tej listy, otrzymuję zduplikowane dzielniki. Oto kod dla ul i odpowiedniego skryptu:

<div data-role="content">   
        <ul data-role="listview" id="ScheduleList" data-autodividers="true">
            <li time="3:30PM"><a href="#">Event 1</a></li>
            <li time="3:30PM"><a href="#">Event 2</a></li>
            <li time="4:30PM"><a href="#">Event 3</a></li>
            <li time="3:30PM"><a href="#">Event 4</a></li>
            <li time="3:30PM"><a href="#">Event 5</a></li>
            <li time="4:30PM"><a href="#">Event 6</a></li>
       </ul>
    </div>
</div>
<script>
$(document).on("pageinit", "#ScheduleDay", function(){
    $("#ScheduleList").listview({
        autodividers: true,
        autodividersSelector: function (li) {
            var out = li.attr('time');
            return out;
        }
    }).listview('refresh');
});
</script>

Oto kod w JSFiddle:http://jsfiddle.net/4fGT6/65/

Wiem, że mogę zmienić kolejność elementów listy w html, co wyeliminuje duplikaty autodividers, ale jeśli sprawię, że lista będzie generowana dynamicznie z danych wejściowych użytkownika, nie będę mógł ręcznie zmienić kolejności html.

Czy istnieje sposób na rozwiązanie tego problemu, jeśli lista została wygenerowana dynamicznie?

Dzięki.