[筆記]商家商品引用分享

	<div id="portfoliolist"></div>
	<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
	<script src="http://web2.systemlead.com/iticket/scripts/jquery.tmpl.js"></script>
	<!--產品範本定義-->
	<script id="myTemplate" type="text/x-jquery-tmpl">
	<li class='product-div-wrap ${$data.ACTLBL} TOTAL' data-cat=''>
	<div class='product-div' id='divTask${$data.ACTID}'>
	<div class='img-wrap'>
	<a style='display:block;' href='/eventdetail.html?actid=${$data.ACTID}'>
	<img class='ACTPIC1' filename='${$data.ACTPIC1}' src='${$data.photoUrl }' />
	</a>
	<span class='sArea' style="display:none">
	<i class='fa fa-map-marker'></i>
	<span>
	<a href='/Event.html?type=all&AREA=${$data.ACTADCTY}'>${$data.AreaNa}</a>
	</span>
	</span>
	<span class='type-tag typeE'>
	${$data.ACTKIND}
	</span>
	</div><!--//img-wrap-->
	<div class='tags'>
	<span class='typeP' >
	<a href='/Event.html?type=all&AREA=${$data.ACTADCTY}'>${$data.AreaNa}</a>
	</span>
	<span class="actdtlad">${$data.ACTDTLAD}</span>
	</div><!--//divTag-->
	<!--<div class='tags' id='divTag${$data.ACTID}' >
	<span class='typeP' style='display:none'>
	<a href='/Event.html?type=all&tag=${$data.tag}'>${$data.ClassNa}</a>
	</span>
	</div> //divTag-->
	<div class='info-wrap'>
	<a style='display:block;' href='/eventdetail.html?actid=${$data.ACTID}'>
	<h3>${$data.ACTNAME}</h3>
	</a>
	<div class='price'>
	<span class='price1'>${$data.TOTCOUNT}
	</span>
	<span class='price2'>${$data.PRICE}
	</span>
	</div>
	<button class='btn btn-main jsorderadd' id='${$data.ACTID}' price='${$data.PRICE}' jsordername='${$data.ProductName}' actpic1='${$data.ACTPIC1}'>
	購買
	</button>
	</div><!--//info-wrap-->
	</div>
	</li>
	</script>
	<script>
	$(function () {
	SearchResult();
	});
	//精選特惠
	function SearchResult() {
	var pagesize='24';
	var pageindex = '1';
	var apiUrl ='https://aas.systemlead.com/api/values/?method=getaashmasdealsdata&params=40009993,'
	+pageindex+','
	+pagesize;
	//console.log(apiUrl);
	// $('#portfoliolist').html('');
	$.ajax({
	url: apiUrl,
	//data: null,
	success: function (obj) {
	var newobj = ($.parseJSON(obj));
	$.each(newobj,function(i,item)
	{
	item.Tag = '';//首頁暫不放標籤排不下
	item.ProductName = item.ACTNAME;//商品名稱
	item.AreaNa = item.ACTADCTY;
	//var classcode = item.ACTLBL.split(' ')[0].split('-')[1];
	item.ClassNa = "";//classcode;
	item.photoUrl = 'http://iticket.s3.hicloud.net.tw/'+item.ACTPIC1;
	});
	try{
	$('#myTemplate').tmpl(newobj, {
	getTags: function (separator) {
	return this.data.tags.join(separator);
	}
	}).appendTo($('#portfoliolist'));
	}
	catch(err){alert(err);}
	//標籤
	$.each(newobj, function (i, item) {
	//var targetObjId='#divTag'+item.ACTID;
	//RetrieveActLbl($(targetObjId), item.ACTID);
	});
	},fail: function (err) {
	alert(err);
	},
	dataType: 'JSON'
	});
	}
	</script>

view raw iticketShareSample.html hosted with ❤ by GitHub

DEMO:

http://kylesheng.blogspot.com/p/testiticket.html