chosen插件
<select class="home r" id="home">
<option value="1111">1111</option>
<option value="2222">2222</option>
<option value="3333">3333</option>
</select>
$('#home').chosen({
disable_search: true
}).change(function (event, opt) {
console.log(opt.selected);
});
layer插件
//1表示代码块,2表示iframe
layer.open({
type: 1,
title: '请选择小区',
skin:'layer-window',
area: ['1000px', '616px'],
content:$('.window').html()
});
分页条插件
//html代码
<div id="page" class="m-pagination"></div>
// jquery分页条
var $page = $('#page');
var requestData = function (dom, pageindex, pagesize) {
//请求回调后渲染分页,此处作为模拟
renderPager(dom, pageindex, pagesize, 1000);
};
//渲染分页
var renderPager = function (dom, pageindex, pagesize, total) {
if (dom.pagination()) {
dom.pagination('setPageIndex', pageindex);
dom.pagination('setPageSize', pagesize);
dom.pagination('render', total);
} else {
dom.pagination({
pageIndex: pageindex,
pageSize: pagesize,
total: total,
showInfo: true,
pageElementSort: ['$info', '$page', '$size', '$jump'],
infoFormat: '记录数:<span class="orange-text">{total}</span>条',
pageBtnCount: 12
});
dom.on('pageClicked', function (event, data) {
requestData(dom, data.pageIndex, data.pageSize);
})
.on('jumpClicked', function (event, data) {
requestData(dom, data.pageIndex, data.pageSize);
})
.on('pageSizeChanged', function (event, data) {
requestData(dom, data.pageIndex, data.pageSize);
});
}
};
requestData($page, 0, 10);
laydate 插件
<input type="text" id="date" placeholder="请选择" autocomplete="off">
laydate.render({
elem: '#date'
});
多行省略 ellipsis 插件
<p class="abstract-content">
<span>
变储热技术可以缓解热能供需矛盾、提高热能转化效率、推动太阳能和工业余热的综合梯级利用,对践行节
</span>
</p>
$('.abstract-content > span').ellipsis({
row: 2,
// char: '**'
});