douxihui8270 2015-03-31 07:30
浏览 54
已采纳

检查jquery(或ajax)函数是否完成

I am currently running this code:

$("document").ready(function() {
    $(".tableCourses td:first").trigger('click');
    setTimeout(function() {
        $(".tableTutors tr:eq(1) td:eq(0)").trigger('click');
        setTimeout(function() {
            $(".tableForms tr:eq(1) td:eq(0)").trigger('click');
            setTimeout(function() {
                $(".tableDivision tr:eq(2) td:eq(3)").trigger('click');
            }, 800);
        }, 700);
    }, 600);
});

What this basically does is activate my onclick events for every first cell of every table I have.

Don't judge.. It's what I need. The setTimeout is kind of ugly, and it only works half of the time.

The problem is that every table has to be loaded with ajax, which can take some time. When I use this code:

$("document").ready(function() {
    $.when($(".tableCourses td:first").trigger('click')).then(function() {
        $.when($(".tableTutors tr:eq(1) td:eq(0)").trigger('click')).then(function() {
            $.when($(".tableForms tr:eq(1) td:eq(0)").trigger('click')).then(function() {
                $(".tableDivision tr:eq(2) td:eq(3)").trigger('click');
            });
        });
    });
});

the page only executes the first click handler, which is loading the next table. Am I using $.when and $.then wrong? Is my syntax wrong?

I normally never touch jquery or ajax, so I'm kind of in the dark.

Another note: the first click has to load two tables from two seperate php pages, so that one takes longer.

EDIT: I just realised that the $.when and $.then just work for the click activation, not the entire ajax loads. Any way to detect when those are done?

EDIT 2: This is the onclick event, it is almost the same for every click:

<script>
    function courseToTutor(id) {
        var clickedCourse = document.getElementById("course" + id).value;
        $.post('loadTutors', {postname: clickedCourse}, function() {
            $('#loadTutors').load('loadTutors.php');
            $('#loadForms').load('loadForms.php');
        });
        ;
        window.scrollTo(0, 0);
    }
</script>

It is complicated.. lol. I need to somehow check when these functions are done, before I start my next onclick event on page load?

  • 写回答

3条回答 默认 最新

  • doumen5895 2015-03-31 07:35
    关注

    jQuery ajax has callbacks for done, error and always.

    Check out the docs

    These functions are activated when call is ended successfully, with error, or eitherway (respectively).

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

悬赏问题

  • ¥15 saber软件导入Ibis模型报错
  • ¥15 商城生产日期批次库存问题
  • ¥15 esp8266控制共阳极wrgb灯板无法关闭所有led灯
  • ¥100 python读取速度问题
  • ¥15 stm32f407使用DMA问题
  • ¥15 您好 这个API接口该怎么弄 网站搭建好了 API也有 现在就不知道该怎么填写API 不知道怎么用
  • ¥88 用uniapp写一个多端的程序,用到高德地图,用高德的JSAPI吗?
  • ¥20 关于#c++#的问题:水果店管理系统
  • ¥30 dbLinq最新版linq sqlite
  • ¥20 对D盘进行分盘之前没有将visual studio2022卸载掉,现在该如何下载回来