介绍一个好用的jQuery框架
1.下载Bootstrap的js和css文件
2.引入项目
3.开始使用
例子：
2.）<script src="/libs/bootstrap/js/bootstrap.js"></script>
<link rel="stylesheet" href="/libs/bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="/libs/bootstrap/css/bootstrap-responsive.css">
<script src="/libs/jquery/jquery.js" type="text/javascript"></script>
3.）
--html:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<script src="modules-js/trade.js"></script>
<script>
$(function() {
playerStatePlugin.init($("#zong_trade"));
});
</script>
</head>
<div id="zong_trade">
<table id='player_trade' class= "table table-bordered table-hover" style="display:none; width:800;">
</table>
<table id='player_trade_statistics' class= "table table-bordered table-hover" style="display:none; width:800;">
</table>
</div>
--js:
var tradePlugin =
{
init: function(parentNode) {
var self = this;
self.parentNode = parentNode;
},
in_array: function(obj,arr) {//显示设施
for (var i = 0; i < arr.length; i++) {
if (arr[i] === obj) {
return true;
}
}
return false;
},
showTrade: function(){//记录
var self = this;
self.getTradeList(function(result){
console.log(result);
if(result){
self.stateHtml1();//还原
self.stateHtml2();//还原
self.displayTrade(result);//充值记录
}else{
alert("没有新手任务");
}
});
},
//展示state消息
displayTrade: function(list){//显示
var top = "#player_trade";
$(top).find('tr').each(function(){
if ($(this).data('data')) $(this).remove();
});
var tradeList = list.trade;
var line0 = $(top).find("#state_info");
$.each(tradeList,function(index,item1){
var line1 = $(line0).clone();
$(line1).data('data',item1);//将type赋值一条信息
$(line1).data('indexVal',item1.index);//index值
$(line1).find("#time").html(item1.time);//
$(line1).find("#amount").html(item1.amount);//
if(item1.isSuccess == 1){
$(line1).find("#state").html("成功");//
}else if(item1.isSuccess == 2){
$(line1).find("#amount").html(item1.iapId);//
$(line1).find("#state").html("未完成");//
}
// $(line1).find("#complete")
// .on('click',function(event){
// var tr = $(this).parents('tr:first');
// var info = $(tr).data('data');
// self.finishGuideTask(info.index,function(result){
// if(!result.success){
// alert(result.fail.desc1);
// }else{
// alert(result.success.desc1);
// growingPlugin.playerTopData();//改变属性
// }
// });
// });
$(line0).before(line1);
$(line1).show();
});
$("#state_info2").find("#totle_num").html(list.totleNum);//
$("#state_info2").find("#success_num").html(list.successNum);//
$("#state_info2").find("#totle_amount").html(list.totalAmount);//
$("#player_trade").show();
$("#player_trade_statistics").show();
},
//赋html值-
stateHtml1: function() {
var string = "<tr><td>充值记录</td></tr>";
string += "<tr><td>时间</td><td>金额</td><td>状态</td></tr>";
string += "<tr id='state_info' style='display:none;'><td id='time'></td><td id='amount'></td><td id='state'>失败</td>";
string += "</tr>";
$("#player_trade").html(string);
},
//赋html值-
stateHtml2: function() {
var string = "<tr><td>统计</td></tr>";
string += "<tr><td>总次数</td><td>成功次数</td><td>充值总金额</td></tr>";
string += "<tr id='state_info2'><td id='totle_num'></td><td id='success_num'></td><td id='totle_amount'></td>";
string += "</tr>";
$("#player_trade_statistics").html(string);
},
//获得玩家状态
getTradeList: function(callback) {
var query = "operation=getTradeList";
toolsPlugin.play(query,callback);
},
};
5145
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
