$(function(){})的理解

最新推荐文章于 2024-05-25 23:12:43 发布

玄之又玄众妙之门

最新推荐文章于 2024-05-25 23:12:43 发布

阅读量463

点赞数

分类专栏： lljr系统 web开发

本文链接：https://blog.csdn.net/qq_25361331/article/details/50457455

版权

web开发同时被 2 个专栏收录

22 篇文章 0 订阅

订阅专栏

lljr系统

21 篇文章 0 订阅

订阅专栏

$(function(){})是 $(document).ready(function(){})的简写，用来在dom加载完成后执行一系列预先定义好的函数。

例如：

$(function(){
	$.post("${basePath}/manage/user/ajaxFirstCoupon",function(data){
	    //目前暂取第一个
	    $(data).each(function(i,val){//i是索引,val是第几个元素
			$('#llb_container').append('<div class="lianlianbao-img"><img src="${basePath}/manage/assets/images/po08.png"></div>');
	   		 $('#llb_container').append('<div class="section-title text-center"><span class="section-title-txt">'+val.name+'</span></div>'
	   		 							+'<div class="row">'
	   		 								+'<div class="col-xs-4">'
	   		 									+'<div class="w-box w-box-1">'
	   		 										+'<p class="cus-title">'+val.average_percent_yield+'%</p>'
	   		 										+'<p><span>综合年利润率 <a title="" data-toggle="tooltip" data-placement="bottom" href="#" data-original-title="预期综合年利润率=(1-券折扣)/券折扣"><i class="fa fa-question"></i></a></span></p>'
	   		 										+'<div class="progress">'
	   		 											+'<div class="progress-bar" role="progressbar" aria-valuenow="59" aria-valuemin="0" aria-valuemax="100" style="width:'+val.quantity_sum*100/val.issue_count+'%">'
	   		 												+'<span class="sr-only">'+val.quantity_sum*100/val.issue_count+'%</span>'
	   		 											+'</div>'
	   		 										+'</div>'
	   		 										+'<p class="cus-bottom">已售'+val.quantity_sum*100/val.issue_count+'%</p>'
	   		 									+'</div>'
	   		 								+'</div>'
	   		 								+'<div class="col-xs-4">'
	   		 									+'<div class="w-box w-box-2">'
	   		 										+'<p class="cus-title">'+val.min_buy+'<span>份起购</span></p>'
	   		 										+'<p>发行总额：'+val.issue_amount+'元</p>'
	   		 										+'<p class="cus-bottom">发行商：'+val.issue_name.substring(0, 3)+'*****'+val.issue_name.substring(val.issue_name.length-2, val.issue_name.length)+'</p>'
 												+'</div>'
 											+'</div>'
 											+'<div id="quantity_issue" class="col-xs-4"></div>'
										+'</div>'
	                           		);
 											if(val.quantity_sum==val.issue_count){
 												$('#quantity_issue').append('<div class="w-box w-box-3"><a class="btn btn-lianlian btn-buy" href="#">购 买 已 结 束</a></div>');
 	 										}else{
 	 											$('#quantity_issue').append('<div class="w-box w-box-3"><a class="btn btn-lianlian btn-buy" href="${basePath}/manage/undueCouponorder/add?coupon.id='+val.id+'">立 即 购 买</a></div>');
 	 	 									}
		});
	    	  $('[data-toggle="tooltip"]').tooltip();
  	},'json');