Datazombies listIndex

Question

Я использую форк DataZombies jqtouch для создания индексированного списка. Я включаю сценарий расширения и CSS и использую разметку в соответствии с:

<div class="s-scrollwrapper indexed">    
    <ul id="county-list" class="edgetoedge">
        <li id="A" class="sep" >A</li>
        <li>test A</li>
        <li id="B" class="sep" >B</li>
        <li>test B</li>
        <li id="C" class="sep" >C</li>
        <li>test C</li>
        <li id="D" class="sep" >D</li>
        <li>test D</li>
    </ul>
</div>

Это отлично работает. Но когда я использую jquery для перезаписи содержимого списка, функция перехода к индексу не работает. Я пытался вызвать следующую функцию после изменений DOM ...

initListIndices()

... но это не работает. Индексы внизу справа все еще появляются, и стиль на разделителях li хорош, но он не работает. Есть предложения?

Answer 1

Я решил это путем создания функции, которая очищает список и указывает на данные. Вызов этого, а затем повторное добавление индексированного класса в оболочку списка перед вызовом initListIndices (), казалось, исправили это.

function clearListIndices() {
    // for each element with the class of .indexed
    $('body').find('.indexed').each(function(){
        // reset the listIndex data associated with this element
        $(this).data('listIndex', null);
        // removed the class to avoid multiple instances of the class    
        $(this).removeClass('indexed');     
    });

    // for each listIndex ul
    $('body').find('.listIndex').each(function(){
        // remove this from the DOM
        $(this).remove(); 
    });
}