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()，就会隐藏加载程序而不等待加载完成。

jQuery show div加载onclick

1 个答案: