jquery Deferred的一点用法
2015-12-22 17:18
771 查看
参考:http://www.ruanyifeng.com/blog/2011/08/a_detailed_explanation_of_jquery_deferred_object.html
$(function () {
//这段代码的行为就是在加载模板html并且成功后,再执行tmpl行为。
var load = function () {
var dtd = $.Deferred();
var tasks = function () {
$("#templateContainer").load(window.baseUrl + "Html/template.html", function (response, status, xhr) {
if (status === "success") {
dtd.resolve();
}
});
}
setTimeout(tasks, 1000);
return dtd.promise();
}
//加载模板 --------
$.when(load())
.done(function () {
//加载机票
$("#cirysTicketTemplate").tmpl(ticketData).appendTo("#chartTicketUl");
//加载查询结果
$("#cirysTicketItemTemplate").tmpl(flightData).appendTo("#cirysTicketDetailsInfoContainer");
})
.done(function() {
$('#stickUpTicketContainer').stickUp();
});
});
$(function () {
//这段代码的行为就是在加载模板html并且成功后,再执行tmpl行为。
var load = function () {
var dtd = $.Deferred();
var tasks = function () {
$("#templateContainer").load(window.baseUrl + "Html/template.html", function (response, status, xhr) {
if (status === "success") {
dtd.resolve();
}
});
}
setTimeout(tasks, 1000);
return dtd.promise();
}
//加载模板 --------
$.when(load())
.done(function () {
//加载机票
$("#cirysTicketTemplate").tmpl(ticketData).appendTo("#chartTicketUl");
//加载查询结果
$("#cirysTicketItemTemplate").tmpl(flightData).appendTo("#cirysTicketDetailsInfoContainer");
})
.done(function() {
$('#stickUpTicketContainer').stickUp();
});
});
相关文章推荐
- jQuery UI -- Repeater & 手风琴(Accordion)效果
- jquery速查表
- 通过Ajax发送数据--jQuery方法
- jQuery插件开发,jquery插件
- Jquery实战视频教程学习
- JQuery简单实现图片轮播效果
- 你不需要jQuery
- 你不需要jQuery(二)
- 探索高效jQuery的奥秘
- 'No Transport' Error w/ jQuery ajax call in IE
- 你不需要jQuery(三):新AJAX方法fetch()
- jquery1.9 下检测浏览器类型和版本的方法
- 你不需要jQuery(四)
- jquery serialize序列化中文乱码问题
- JQuery textarea中val(),text()
- jQuery Ajax 实例 ($.ajax、$.post、$.get)
- jQuery学习笔记_选择器
- jquery 插件
- JQuery Datatables服务器端处理示例
- JQuery的链式操作