我想添加ajax加载gif到我的网站，但我的代码不起作用

Question

我正在为我的网站http://notes-store.com/

上传

我想在使用AJAX加载包含我的子类别选项的选择框时显示加载.gif图像。

我目前的代码：

function category_change(kuchbhi) {
    var catID = $(kuchbhi).val();   
    $.ajax({
        type: "GET",
        url: "subCategory.php?category="+catID,
        beforeSend: function () {
             $("#loder").html('<img src="images/loader.gif" /> Now loding...');
        },
        success: function(data){
            $('#select3').html(data);
        }
     });
}

Answer 1

为什么不在函数启动时添加它，并在调用成功时将其删除：

function category_change(kuchbhi) {
    $("#loder").html('<img src="images/loader.gif" /> Now loding...');
    var catID = $(kuchbhi).val();   
    $.ajax({
        type: "GET",
        url: "subCategory.php?category="+catID,
        success: function(data){
            $('#select3').html(data);
            $("#loder").html('');
        }
    });
}

注意：您的选择器为#loder而不是#loader