Hi,
I know that questions related to mine were already asked but unfortunately nothing helped me so far.
So the problem is that in some cases (after refresh for example) the css is not applied - actually I'm not sure that it's only the css. When JQM is being loaded well it adds some elements to the html and attributes like class. When the problem appears nothing is added so this might be the reason of the missing css.
One more thing that might be relevant is that the communication with he server is with jsons and all the client side is being managed in the client (no jsp etc...).
I've tried all kind of things like calling $('#pageid').page(), $('#pageid').trigger('create')... nothing helps.
Here is an example of something that doesn't work:
I have a menu:
<div id="menu" style="width: 100%; position: absolute; top: -200px; left:0; height: 200px; z-index: 1; overflow:hidden;">
<a id="renameButton" data-role="button" class="menuButton">Rename Device</a>
<a id="connectToExistingButton" data-role="button" class="menuButton">Connect to existing device</a>
<a id="connectToNewButton" data-role="button" class="menuButton">Connect to new device</a>
<a id="cancelButton" data-role="button" class="menuButton">Cancel</a>
</div>
When it is loaded correctly this is what I see in the html (span tag is added inside the a tag and also new classes):
<a id="renameButton" data-role="button" class="menuButton ui-btn ui-shadow ui-btn-corner-all ui-btn-up-c" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="c">
<span class="ui-btn-inner ui-btn-corner-all">
<span class="ui-btn-text">Rename Device</span>
</span>
</a>
Then I press f5 nothing is added or changed.
Any suggestions are welcome, thanks.