jQuery mobile dynamic Confirm pop is not working.
Hi,
I am using jQuery mobile with struts application. I got some code from this forum. I am using some different version of jQuery mobile but this forum version is not matched with my imports..
<link rel="stylesheet"
href="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css" />
<script type="text/javascript"
src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<script type="text/javascript"
src="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.js"></script>
<script>
function callDialog() {
$.mobile.changePage($('#del-dialog'), 'dialog');
}
$("#close-dialog").live('click', function() {
alert("Y are clicked");
});
$("#ok-dialog").live('click', function() {
alert("N are clicked");
});
</script>
<body onload="callDialog()">
<div data-role="dialog" role="dialog" id="del-dialog">
<div data-role="content">
<div style="text-align:center;">
<strong>Remove Item?</strong>
</div>
<form id="myForm">
<div data-role="fieldcontain">
<fieldset class="ui-grid-a">
<div class="ui-block-a">
<a href="#" id="close-dialog" data-theme="a" data-role="button">Cancel</a>
</div>
<div class="ui-block-b">
<a href="#" id="ok-dialog" data-theme="a" type="submit"
data-role="button">OK</a>
</div>
</fieldset>
</div>
</form>
</div>
</div>
This code is working fine. But when i use my imports is not working instead of lower version...
<link rel="stylesheet"
href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.css" />
<script src="http://code.jquery.com/jquery-2.0.0.js"></script>
<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.js"></script>