[英]Paging a <li> with javascript not working?
我試圖在我的網站http://listjs.com/examples/paging.html上正確激活此分頁插件。 它處於活動狀態,但無法正常運行,僅顯示3個列表結果,而沒有導航到下一頁。 您可以在這里看到它: http : //bluebeam.com/us/support/articles/list.asp
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript">
/*
* LOVELY THINGS
*/
var options = {
valueNames: [ 'name', 'description', 'category' ],
page: 3,
plugins: [ [ 'paging' , {
innerWindow: 1,
left: 2,
right: 3} ] ]
};
var featureList = new List('support-articles', options);
$('#filter-install').click(function() {
featureList.filter(function(item) {
if (item.values().category == "Common Solutions") {
return true;
} else {
return false;
}
});
return false;
});
$('#filter-revu').click(function() {
featureList.filter(function(item) {
if (item.values().category == "Revu") {
return true;
} else {
return false;
}
});
return false;
});
$('#filter-plugins').click(function() {
featureList.filter(function(item) {
if (item.values().category == "Plug-ins") {
return true;
} else {
return false;
}
});
return false;
});
$('#filter-printer').click(function() {
featureList.filter(function(item) {
if (item.values().category == "PDF Printer") {
return true;
} else {
return false;
}
});
return false;
});
$('#filter-admin').click(function() {
featureList.filter(function(item) {
if (item.values().category == "Administrator") {
return true;
} else {
return false;
}
});
return false;
});
$('#filter-3rd-party').click(function() {
featureList.filter(function(item) {
if (item.values().category == "3rd Party") {
return true;
} else {
return false;
}
});
return false;
});
$('#filter-video').click(function() {
featureList.filter(function(item) {
if (item.values().name == "Video") {
return true;
} else {
return false;
}
});
return false;
});
$('#filter-article').click(function() {
featureList.filter(function(item) {
if (item.values().name == "Article") {
return true;
} else {
return false;
}
});
return false;
});
$('#filter-none').click(function() {
featureList.filter();
return false;
});
</script>
我究竟做錯了什么?
我在容器div中缺少<ul class="paging"></ul>
。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.