View off elements different after switching between pages
Hi,
i got a project where I'm unsing:
jquery-mobile 1.31
with the mutilpage-template, so i got 6 pages in one html file.
After loading the website the first time my popup-box with some radio-buttons looks like this:
After switching to an other website, returning to the start site and opening the pop-up again, the popup looks like this:
If i compare the html code for on radio-button element, some jquery code is missing
First- all ok:
<div id="Betriebsart" class="popupPanel ui-popup ui-body-a ui-overlay-shadow ui-corner-all" data-tolerance="0,0" data-shadow="true" data-overlay-theme="a" data-theme="a" data-corners="true" data-role="popup" aria-disabled="false" data-disabled="false" data-transition="none" data-position-to="origin" data-dismissible="true">
<div class="ui-corner-top clheaderpopup ui-header ui-bar-c" data-theme="c" data-role="header" role="banner">
<h1 class="ui-title" data-localize="home.operationMode.label" role="heading" aria-level="1">Betriebsmodus</h1>
</div>
<fieldset class="ui-content" data-role="content" role="main">
<div class="ui-radio">
<label class="clradio_button ui-radio-on ui-btn ui-btn-corner-all ui-fullsize
ui-btn-icon-left ui-btn-up-c" data-localize="home.operationMode.program1"
for="bk11" data-corners="true" data-shadow="false" data-iconshadow="true"
data-wrapperels="span" data-icon="radio-on" data-theme="c" data-mini="false">
<span class="ui-btn-inner">
<span class="ui-btn-text">Programm 1</span>
<span class="ui-icon ui-icon-radio-on ui-icon-shadow"> </span>
</span>
</label>
<input id="bk11" type="radio" value="11" name="radio-choice2">
</div>
Second - not ok
<div id="Betriebsart" class="popupPanel ui-popup ui-body-a ui-overlay-shadow ui-corner-all" data-tolerance="0,0" data-shadow="true" data-overlay-theme="a" data-theme="a" data-corners="true" data-role="popup" aria-disabled="false" data-disabled="false" data-transition="none" data-position-to="origin" data-dismissible="true">
<div class="ui-corner-top clheaderpopup ui-header ui-bar-c" data-theme="c" data-role="header" role="banner">
<h1 class="ui-title" data-localize="home.operationMode.label" role="heading" aria-level="1">Betriebsmodus</h1>
</div>
<fieldset class="ui-content" data-role="content" role="main">
<div class="ui-radio">
<label class="clradio_button ui-radio-on ui-btn ui-btn-corner-all ui-fullsize
ui-btn-icon-left ui-btn-up-c" data-localize="home.operationMode.program1"
for="bk11" data-corners="true" data-shadow="false" data-iconshadow="true"
data-wrapperels="span" data-icon="radio-on" data-theme="c" data-mini="false">
Programm 1</label>
<input id="bk11" type="radio" value="11" name="radio-choice2">
</div>
I tried to work with domCache and without, but noting solved my problem.
The wesbite switch is call this way:
<a data-role="button" href="#pageTime" id="idTime" class="clBorderR2" >
Can someone help me with my problem?