jquery-ui - jQuery Mobile app not not displaying elements correctly

Question

SO...my app has a few issues, but I am DESPERATE to solve this one first. Any thoughts and suggestions are welcomed. Here is the app:

http://pocketfacilitator.com

Here's the issue - (NOTE, Firefox doesn't even allow this issue to fire, so maybe try Chrome or Safari, or a mobile browser): From the home page, click on Portables > List All Portables. Now, click on any of the PLUS signs on the right (or two or three, doesn't matter). Now, check the "TODAY" page (in the very bottom nav bar). It will display the list of games you clicked on, but the way they are displayed is totally jacked. BUT...if you RELOAD the page (or just click the red CLEAR button), and repeat the process, it looks normal. What have I done wrong?

If you dare: in Firefox, it won't even let me add an activity -- clicking on the "+" button yield NO effect.

I appreciate any help. Cheers!

Answer 1

动态添加项目后尝试refresh()在列表视图上调用方法

$(this).parent().appendTo('#todaylist');
$('#todaylist').listview('refresh');

请参阅更新列表

如果将项目添加到列表视图，则需要对其调用refresh() 方法来更新样式并创建添加的任何嵌套列表。