Javascript 为什么css/js分页不显示在此页面上？_Javascript_Jquery_Css_Html

Javascript 为什么css/js分页不显示在此页面上？

javascript jquery css html

Javascript 为什么css/js分页不显示在此页面上？,javascript,jquery,css,html,Javascript,Jquery,Css,Html,我根据以下链接复制并制作了我的页面：下面是我的html标记，按照说明： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Pagination</title> <link href="simplePagination.css" rel="stylesheet" type="text/css"> <script src="http:/

我根据以下链接复制并制作了我的页面：下面是我的html标记，按照说明：

<!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>

但是我的页面没有显示任何内容！我错过了什么？请帮忙

编辑：

html标记图像：

语法错误边缘：2。。学习使用开发人员工具

$document.readyfunction{ $“轻分页”。分页{ 项目：1，第1页：，页数：20，显示页面：5，优势：2，当前页面：1， hrefTextSuffix:第页-， hrefTextSuffix:， Prev文本：Prev，下一个， cssStyle：轻主题， selectOnClick:true， }; };

我已经上传了“编辑”下的图像，并根据您的代码进行了更改。请帮助，这里的初学者。@AshishUpadhyay将您的脚本放在轻型分页容器之后。很抱歉，我没有立即注意到它在标题部分，或者用$document.ready包装您的脚本。当前的实现将无法工作，因为加载脚本时，您的div尚未准备就绪或尚未从DOM中可用。您可以给我发送一个工作html文件吗？codepen或其他什么？谢谢！它终于工作了！：我真的很喜欢stackoverflow社区@不客气！很乐意帮忙！你的朋友也是：总是把你的代码作为文本发布；永远不要把它当作一个形象。