dynamic Nested lists with same parent text resolve to the same sub-page

[phillpafford]

Related to:

• Nested lists with same parent text resolve to the same sub-page. #1617
• Nested lists id generation #1779
• Nested lists id generation #1781

JS Fiddle:

• http://jsfiddle.net/qSrfv/16/

StackOverFlow:

• http://stackoverflow.com/questions/12609297/jquery-mobile-dynamically-added-list-with-nested-item-not-opening-inner-list-pr/12621480#12621480
• http://stackoverflow.com/questions/12609297/jquery-mobile-dynamically-added-list-with-nested-item-not-opening-inner-list-pr ( original question )

When appending the li element dynamically the sub-page indices are incorrect. It duplicates the indices starting over at 0 instead of using the next incremented index. This causes the original page with index 0 and the new page with index 0 to display as active and stack over one another

[alzoid]

I have done some research and found that _createSubPages does not count if there are already items in the list you are adding to.

I added the 2 variables :

parentLength,childLength

and set them as follows

parentLength = parentList.find( "li>ul, li>ol" ).toArray().length;
childLength = $( parentList ).children("li").length;

$( parentList.find( "li>ul, li>ol" ).toArray().reverse() ).each(function( i ) { 
//this is the build loop
//.
//removed code for simplicity
//.
//on this line i added
listId = list.attr( "id" ) || parentListId + "-" + (parentLength<childLength?childLength-parentLength:i),

}

And that fixed the problem. I think there are issues when adding to a nested list as well which I am investigating. I am new to the jquery mobile project so I don;t know if my code is inline with your standards, maybe a someone with more project knowledge could verify this fix.

[jaspermdegroot]

Closing as won't fix. See #5657.