loading动画的实现
basic.css 定义loading样式 .loading { background: url(/NewImg/loading.gif) no-repeat center; } common.js Loading方法 var LoadingShow = function (target) { if (!$(target).hasClass('loading')) { $(target).addClass('loading'); } } var LoadingHide = function (target) { if ($(target).hasClass('loading')) { $(target).removeClass('loading'); } } //调用 $.ajax({ type: 'POST', url: '/NewHandler/HotelHandler.ashx', data: subdata, dataType: 'JSON', beforeSend: function () { $('.hotel_list').html(''); LoadingShow('.hotel_list'); }, success: function (result) { if (result.state == 1) { tempdata = result.rows; var HotelHtml = new EJS({ element: 'HotelTemplate' }).render(result.rows); LoadingHide('.hotel_list'); $('.hotel_list').html(HotelHtml); //显示每日房价 $('.btn_booking_pri').mouseover(function (e) { $('.edayPrice').show(300).css({ top: e.pageY + 10, left: e.clientX - 500 }) }).mouseout(function () { $('.edayPrice').hide() }); //每个酒店显示3条可卖房间 for (var i = 0; i < $('.roomItems').length; i++) { var currul = $('.roomItems')[i]; if ($(currul).find('.btn_booking').size() > 3) { $(currul).find('.btn_booking:gt(2)').parent().parent().parent().addClass('none'); } else { $(currul).next('.fold').addClass('none'); } }; } else { alert(result.msg); } }, error: function (e) { alert("网络错误"); } }) }
posted on 2016-07-15 13:33 jasonduanmu 阅读(299) 评论(0) 编辑 收藏 举报