顯示加載圖片的jQuery

-2

之前刪除我有刪除記錄這個代碼數據庫： -顯示加載圖片的jQuery

$(document).ready(function(){ 
$(".delete_class").click(function(){ 
    var del_id = $(this).attr('id'); 
    $.ajax({ 
     type:'POST', 
     url:'admin.php?page=branches-and-city/branches-and-city.php&action=deletepicdone', 
     data:'delete_id='+del_id, 
     success:function(data) { 
     if(data) { 
     $("#pic"+del_id).fadeOut(500,function(){ 
        $("#pic"+del_id).remove(); 
        }); 
     alert ("تم مسح الصورة."); 
     } else { alert("لم يتم مسح الصورة الرجاء المحاولة فيما بعد."); } 
     } 
    }); 
}); 
});

，所以我需要在瀏覽器將數據發送到URL，它是「admin.php?page=branches-and-city/branches-and-city.php&action=deletepicdone」，給我的圖片或東西叫我刪除是過程。

我該怎麼做。

來源

2013-10-18 k300

顯示屬性創建顯示一個div 「處理圖像」

<div class="loading" style="display:none">Processing . . .</div> 


    $(document).ready(function(){ 
    $(".delete_class").click(function(){ 
    $('.loading').show();//show the div 
    var del_id = $(this).attr('id'); 
    $.ajax({ 
    type:'POST', 
    url:'admin.php?page=branches-and-city/branches-and-city.php&action=deletepicdone', 
    data:'delete_id='+del_id, 
    success:function(data) { 
    $('.loading').hide();//hide div after success 
    if(data) { 
    $("#pic"+del_id).fadeOut(500,function(){ 
       $("#pic"+del_id).remove(); 
       }); 
    alert ("تم مسح الصورة."); 
    } else { alert("لم يتم مسح الصورة الرجاء المحاولة فيما بعد."); } 
    } 
    }); 
}); 
});

來源

2013-10-18 08:12:01 Manish

謝謝，當'.loading' div顯示時，我如何顯示所有頁面的黑色背景。 – k300

你的意思是這樣的http://jsfiddle.net/kJgn3/ – Manish

是的:)這是我的意思 – k300

添加image.show() AJAX調用之前，以及在image.hide()成功函數

來源

2013-10-18 08:11:23 Ilya

包括隱藏的指標。再經過

var del_id = $(this).attr('id');

變化指示器的顯示屬性使其可見，而Ajax調用的研製成功函數內，再次改變指標的隱藏

來源

2013-10-18 08:11:37

的del_id變量的範圍不延伸到success功能。改爲嘗試$(this).fadeOut(...)。

來源

2013-10-18 08:13:32

顯示加載圖片的jQuery

回答

相關問題