jquery ajax 其他函数的运行关系

先献上代码：

$(function () { $.ajax({ type: "GET", dataType: "text", url: "LoadTable.ashx", success: function (data, textStatus) { $("#tabs").prepend(data).tabs(); // setTimeout(function () { alert($('#tabs ul')[0]) }, 2000); } }); $("#loading").ajaxStart(function () { $(this).show(); }); $("#loading").ajaxStop(function () { $(this).hide(); }); $("#tabs").tabs({ disabled: true, collapsible: true, // disabled: [1, 2], //event: 'mouseover', // fx: { opacity: 'toggle' } // fx: { height: 'toggle' }, selected: 1 }); }) 

 

在页面初始化时，先运行ajax函数，在运行 $("#tabs").tabs({}）这两者之间的时间差可能是1ms，但ajax中的success中的函数可能要等200ms才运行，所以这可能导致一个bug，就是当tabs中的ul还没获得时，就已经执行 $("#tabs").tabs({}）这段代码了，照道理， $("#tabs").tabs({}）这段代码要等tabs中的内容初始化后才执行。

 

引用牛人的话：比如你最开始写的代码，仍然是顺序执行的，也是先执行ajax，但是ajax请求会耗时间，比如要200ms才能取到数据，但是js引擎不会自动的停下来等200ms再执行ajax后面的初始化，它会接着往下跑，这时候耗的时间其实只有你的几句代码的跑的时间，可能就2ms左右

ajax中的success就是真正的等到200ms后数据取到了后再执行的

所以需要把初始化放到success回调中去。

A: 但是 success本身是个回调，所以你要初始化的东西是回调里才会有的，在回调外面的话，基本上就相当于和ajax并发了，虽然还是有个顺序执行的时间差，不过这个时间差只是几句代码的运行时间，可能还不到1ms

所以最开始我让你把外面的初始化放到回调中去

A： 不是

 

jq本身封装的ajax是等服务端数据返回成功后才会执行success

A: 你就直接理解为jQuery对象是dom对象的数组集合，并且可以使用jQuery封装好的dom方法就可以了。

总结：在一个页面含有ajax函数时，要注意函数的执行顺序，在进行需要初始化的地方，要考虑是

否将初始化函数放到ajax中的success函数中。还有jquery中的链接函数如（ $("#tabs").prepend(data).tabs();）是按顺序执行的，。在ajax函数中的success函数中多个函数也是并发执行的。？？

$(function () { $.ajax({ type: "GET", dataType: "text", url: "LoadTable.ashx", success: function (data, textStatus) { $("#tabs").prepend(data); setTimeout(function () { alert("default"); $("#tabs").tabs({ disabled: true, collapsible: true, // disabled: [1, 2], //event: 'mouseover', // fx: { opacity: 'toggle' } // fx: { height: 'toggle' }, selected: 1 }); }, 6000); }//success }); $("#loading").ajaxStart(function () { $(this).show(); }); $("#loading").ajaxStop(function () { $(this).hide(); }); /* $("#tabs").tabs({ disabled: true, collapsible: true, // disabled: [1, 2], //event: 'mouseover', // fx: { opacity: 'toggle' } // fx: { height: 'toggle' }, selected: 1 }); */ })

问题：

另外一种方式：先加载ul中的元素，然后再初始化。但是加载完了却无法正常显示（jquery ui tabs）无法正常单击。但使用链接式时就可以。不知道是为什么？