wfquery
Version:
like jQuery but just for new browser
71 lines (66 loc) • 2.05 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<title>demo/layout.html</title>
<script src="../wfQuery.js?_t=1516462775018"></script>
<!--
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script>wfQuery = jQuery</script>
-->
<style>
pre.code{background: #d2d2d2;padding: 4px;}
</style>
</head>
<body>
<a href="../index.html">返回首页</a>
<script src="js/handlebars.min.js"></script>
<script src="js/template-init.js"></script>
<style>
.pager{
line-height: 30px;
}
.pager span, .pager a{
padding: 4px 6px;
margin: 0 8px;
cursor: pointer;
}
.pager .pagination-curr{
background: #f26c4f;
color: #fff;
}
li a{
float: left;
width: 400px;
}
li{
clear: left;
list-style: none;
}
</style>
<h2>template-init支持</h2>
<div class="pager"></div>
<ul id="list">
</ul>
<div class="pager"></div>
<script type="html/template" id="tmpl" data-target="#list" data-pagination=".pager" data-url="data/tmpl({{pageNo}}).json">
{{#with data}}
{{#each itemList}}
<li>
<a href="{{url}}" target="_blank">{{name}}</a>
<span>创建日期： <i>{{createDate}}</i></span>
</li>
{{/each}}
<span class="currentPage">{{pageNo}}</span>
<span class="totalPage">{{totalPage}}</span>
{{/with}}
</script>
<script class="code">
TemplateInit.refresh({
tmpl: "#tmpl",
page:{size:'pageSize',to:'pageNo'}
});
</script>
<a href="https://github.com/shy2850/wfQuery.git" target="_"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/e7bbb0521b397edbd5fe43e7f760759336b5e05f/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677265656e5f3030373230302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_green_007200.png"></a>
</body>
</html>