Question

I have a page with a JQM listview as the main content. Then another page is navigated to that needs to use that same listview as a sidebar. My first thought was to use clone() to properly clone the list onto the other page.

This works really well if the first page (example removed) has already been loaded. However, if the user navigates directly to the second page (example removed), when it clones the list, it hasn’t been initialized by JQM as a listview, so it doesn’t display correctly. I can’t figure out how to get this to initialize/clone correctly.

The site in question is example removed.

If my problem isn’t clear let me know, and I’ll try to clear it up a bit.

Answer 1

The trick with initializing the refreshing was a pain to figure out, but basically what I had to do was try to refresh the list I was cloning, and if this failed (exception thrown), then initialize the clone list. If it succeeded in refreshing, then it had already been initialized and I did not need to initialize the clone.

try {
    // try to refresh the parent, if it works, we don't need to do anything
    $('#To-Clone').listview('refresh');
} catch (e) {
    // if refreshing the parent fails, then it wasn't initialized, and we need to initialize the child
    $('#Clone').listview();
}