javascript - jQuery 显示 div 加载 onclick

Question

需要您对我的 jQuery 单击的建议，在页面加载之前显示 div 加载。我测试了代码，但没有显示 div 加载。

到目前为止，这是我的代码:

$(".taskss3").click(function(evt)
{
    $('#status_random').show();
    var get_uid = $(this).attr("id");

    $("#randomdiv").load("load_auto.php?uid="+ get_uid)
    {
        $('#status_random').hide();
        $('#randomdiv').show();
    }
});

HTML

<div id="status_random"></div>
<div id="randomdiv"></div>

CSS

#status_random
{
background: url('../../assets/images/processing.gif');
height: 24px;
width: 24px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
}

请帮忙!

Answer 1

你需要使用回调

$(".taskss3").click(function (evt) {
    $('#status_random').show();
    var get_uid = this.id;

    $("#randomdiv").load("load_auto.php?uid=" + get_uid, function () {
        //do this in the load callback
        $('#status_random').hide();
        $('#randomdiv').show();
    })

});

在您的代码中，您在调用 load() 时立即隐藏加载程序，而无需等待加载完成。