2014-02-21 33 views
0

我已經在這裏我的項目添加塊UI是我使用阻止-UI不工作在Mozilla和IE-11

$(document).ready(function() { 
    $.ajax({ 
    type: "POST", 
    data: "", 
    url: "<?php echo SITE_SCRIPT_PATH;?>get_dashboard_tiles", 
    beforeSend: function() { 
     $(".right_con").css("min-height", "300px").block(); 
     $(".blockOverlay").css("background-color", ""); 
     $(".right_con").unblock(); 
    }, 
    complete: function() { 
     $(".right_con").unblock(); 

    }, 
    success: function (r) { 
     $("#box_set").append(r); 
     render_dashboard_tiles(); 
     lazyLoadTiles(); 
    } 
    }); 

在所有瀏覽器除外IE-11和Mozilla的疏通的UI代碼不管用。即使它不是在完成塊的到來,所以任何一個可以建議我在哪裏,我錯了

+0

對代碼做一些格式化。這次我爲你做了。 – Jai

+0

謝謝但這是我第一次so..any方式thx,並請建議我 – user3337415

+0

檢查了這一點http://malsup.com/jquery/block/#overview – Jai

回答

0

這應該做的是這樣的:

$.ajax({ 
    type: "POST", 
    data: "", 
    url: "<?php echo SITE_SCRIPT_PATH;?>get_dashboard_tiles", 
    beforeSend: function() { 
     $(".right_con").css("min-height", "300px"); 
     $(".blockOverlay").css("background-color", ""); 
     $.blockUI(); //<---add this 
    }, 
    complete: function() { 
     //$(".right_con").unblock(); 
     $.unblockUI(); // <----and this 
    }, 
    success: function (r) { 
     $("#box_set").append(r); 
     render_dashboard_tiles(); 
     lazyLoadTiles(); 
    } 
}); 

初始化它beforeSent FUNC

$.blockUI(); 

和在complete函數中解除阻塞:

$.unblockUI(); 
+0

夥計與我代碼blockUI工作,但unblock不是..您給出的代碼顯示兩個加載程序,但不解開這個.. – user3337415