なぜこのページにcss/jsページネーションが表示されないのですか？

私はコピーして作られた私のページをこのリンクに従っ：link to css pagination 、ここでは私のHTMLマークアップは、指示に従って次のとおりです。なぜこのページにcss/jsページネーションが表示されないのですか？

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<title>Pagination</title> 
<link href="simplePagination.css" rel="stylesheet" type="text/css"> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script src="jquery.simplePagination.js"></script> 
<script> 
$('#light-pagination').pagination({ 
items: 1, 
itemsOnPage: 1, 
pages:20, 
displayedPages:5, 
edges:2. 
currentPage: 1, 
hrefTextSuffix: "#page-", 
hrefTextSuffix: '', 
prevText: "Prev", 
nextText: "Next", 
cssStyle: "light-theme", 
selectOnClick: true, 
}); 
</script> 
</head> 
<body> 
<div id="light-pagination" class="pagination"></div> 
</body> 
</html>

しかし、私のページには何も表示されません！私は何が欠けていますか？助けてください。

EDIT：

HTMLマークアップ画像：all html markup

出典

2017-04-09 Ashish Upadhyay

は常にテキストとしてあなたのコードを投稿し、開発者を使用することを学びます。決してイメージとしてではありません。 – mickmackusa

構文エラーedges:2.。ツール

$(document).ready(function(){ 
 
$('#light-pagination').pagination({ 
 
    items: 1, 
 
    itemsOnPage: 1, 
 
    pages:20, 
 
    displayedPages:5, 
 
    edges:2, 
 
    currentPage: 1, 
 
    hrefTextSuffix: "#page-", 
 
    hrefTextSuffix: '', 
 
    prevText: "Prev", 
 
    nextText: "Next", 
 
    cssStyle: "light-theme", 
 
    selectOnClick: true, 
 
}); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<script src="http://www.jqueryscript.net/demo/Stylish-jQuery-Pagination-Plugin-simple-Pagination/jquery.simplePagination.js"></script> 
 
<link rel="stylesheet" href="http://www.jqueryscript.net/demo/Stylish-jQuery-Pagination-Plugin-simple-Pagination/simplePagination.css"> 
 

 

 
<div id="light-pagination" class="pagination"></div>

出典

2017-04-09 14:51:46 Roljhon

私は（編集中の）画像をアップロードし、あなたのコードに変更を加えました。ここをクリックしてください。あなたのイメージを見て、 –

、それは動作するはずです。 – Roljhon

しかし、それは..私はちょうどそれが間違っているのか分からない!!!!!!! –

なぜこのページにcss/jsページネーションが表示されないのですか？

答えて

関連する問題