jQuery Forum

I have a table on my page. When I arrive at the page, the table displays in "reflow". I have a link in my page:

<td"><a href=\"javascript:showComment($commentid);\">$subject</a></td>

Clicking the link results in the original table being replaced by a new table which I have on another page. The new table begins exactly the same way (<table data-role="table" id="my-table" data-mode="reflow">),

I also have a JS function on page one. I need that same function on page 2. Right now, the function doesn't run on page 2 after transitioning from page 1 to page 2, but I believe I can put a pageinit event on page one and add a unique id to an element on page 2, and this will allow the function to run on page 2. This should mean that I won't have to add the function to page 2, at least when I'm getting to page 2 from page 1. But, if I'm getting to page two from a link other than the link on page 1, will I need to add the function to page 2, or will the fact that I have a unique Id on page 2 cause the function to run? I don't see how it could, but I haven't used a pageinit event previously. 

 

@media all and (min-width: 481px) {

I thought this would be ok because phones would all be less than 481 px in width, but I found using an emulator that I have to change this min width to 595 (about) for Android phones, and to about 650 for iPhones. So now I've got my min width set to 650 px. iPads and other tablets and Android and iPhone are all displaying ok, according to the emulators. Desktop is also displaying well. Blackberry phone is showing all three columns just like a desktop.

Is 650 px the correct min width to use?  

I have a JQM page. I tried to load it using IE8. It just doesn't load. I found a solution that suggests putting <meta http-equiv="x-ua-compatible" content="IE=8"> into the head section. I did this, but this caused more recent versions of IE to have problems rendering the page and other pages on my site. 

The pertinent head code looks like this: