Popup or native=false problem
Hello,
I a wondering if anyone know or have any idea where problem should be.
I am working with. JQuery 2.0 version and JQuery mobile 1.3.2 version.
- <div data-role="fieldcontain" class="groups">
<label for="select-groups" class="select">Groups:</label>
<select name="select-groups" id="select-groups" data-native-menu="true">
<option value="1">1</option>
<option value="2">2</option>
<option value="4">4</option>
</select>
<a href="#popupInfo" id="groupsInfoBtn" data-role="button" data-rel="popup" data-position-to="window" data-icon="info" data-iconpos="notext">info</a>
</div>
- <div data-role="popup" id="popupInfo" class="ui-content" data-transition="fade" data-overlay-theme="a" data-theme="e" style="max-width: 500px">
<a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>
<p><span id="infoText"></span></p>
</div>
I have problem with showing and closing popup dialog (or show not native select options i have same problem). When i click to info button, popup shows correctly and then i closed it with clicking elsewhere or clicking on close button. So i closed popup dialog and everything is ok. Then i clicked info button second time (or on another button evoking popup) and popup shows correctly again. So i clicked close icon or elsewhere beside popup and after close i was redirected to another page (like back button used after close popup)
1. Click to button evoking any popup
2. Popup shows
3. Click closing button
4. Popup closed
5. Click to button evoking any popup
6. Popup shows
7. Click closing button
8. Page redirected