BlockUI Not Working Android Cordova Phonegap 3.3

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

  1. <script type="text/javascript" charset="utf-8" src="js/jquery.blockUI.js"></script>


  1. // 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
                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"
            $.unblockUI(); // Unblocking the UI

Any help is much appreciated!!!