BlockUI Not Working Android Cordova Phonegap 3.3
Hi all,
I have been struggling with this issue for the past few days with no luck. Hopefully someone here might see what is going wrong. I am updating my existing android phonegap 2.1 project to version 3.3. Something in this new version has caused blockUI to not work as it once did. When I would make a call to my function that called $.blockUI it would bring up a black box with my "Please wait" text. Now when the function is called it does nothing. The UI does appear to be blocked(can't click anywhere until it calls $.unblockUI()), but the dialog box does not appear on the phone.
Current configuration:
Cordova/Phonegap 3.3 - Android platform
JQuery 1.8.2.min
JQuery Mobile 1.2.0
jQuery blockUI 2.66.0-2013.10.09
index.html
- <script type="text/javascript" charset="utf-8" src="js/jquery.blockUI.js"></script>
Application
- // Blocks or unblocks user screen when showing a please wait message
function controlUI(block)
{
console.log("Running controlUI...");
if (block)
{
// We block the UI and tell the user to please wait
$.blockUI({
message: '<h2>Please wait</h2>',
centerX: true,
centerY: true,
css: {
//top: $(window).scrollTop() + 120 + "px",
//left: ($(window).width() - 120) / 2 + "px",
border: 'none',
//padding: '15px',
backgroundColor: '#000',
//'-webkit-border-radius': '10px',
//'-moz-border-radius': '10px',
opacity: 0.5,
color: '#fff'
}
//overlayCSS: {
//top: $(window).scrollTop() + "px"
//}
});
}
else
{
$.unblockUI(); // Unblocking the UI
}
}
Any help is much appreciated!!!