Fancybox与JPage结合出现了点问题 javascript插件fancyboxjpage分页html 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 这是html代码: <div class="comment_list"> <ul id="comment_listid"> <li> <div class="total_comment" > <div class="editor_icon"> <div class="writer-icon right"><img src="./images/p1.png" alt=""/></div> </div> <div class="comment_box"> <div class="comm_personinfo"> <ul> <li><span class="fontinfo">游山玩水</span></li> <li class="fontinfo"><span class="date">2014-7-15</span> <span class="time">14:35:05</span></li> </ul> </div> <div> <div style="padding: 25px 8px"><span class="blacksliver">很勇敢的女生~~一直希望能自己有一次说走就走的旅行,赞一个!</span></div> <div class="right" style="height: 20px;padding:0px 10px 5px 0px"><span class="orange" style="cursor: pointer">举报</span> <span class="lightblue" style="cursor: pointer">回复</span></div> </div> </div> <div class="clear"></div> <!-- 不可缺少!! --> </div> </li> <li> <div class="total_comment"> <div class="editor_icon"> <div class="writer-icon right"><img src="./images/p1.png" alt=""/></div> </div> <div class="comment_box"> <div class="comm_personinfo"> <ul> <li><span class="fontinfo">游山玩水</span></li> <li class="fontinfo"><span class="date">2014-7-15</span> <span class="time">14:35:05</span></li> </ul> </div> <div> <div style="padding: 25px 8px"><span class="blacksliver">赞一个!!心生向往之地!非常感谢lz分享这么美丽的一段旅程!</span></div> <div class="right" style="height: 20px;padding:0px 10px 5px 0px;"><span class="orange" style="cursor: pointer">举报</span> <span class="lightblue" style="cursor: pointer">回复</span></div> </div> </div> <div class="clear"></div> <!-- 不可缺少!! --> </div> </li> <li> <div class="total_comment" > <div class="editor_icon"> <div class="writer-icon right"><img src="./images/p1.png" alt=""/></div> </div> <div class="comment_box"> <div class="comm_personinfo"> <ul> <li><span class="fontinfo">游山玩水</span></li> <li class="fontinfo"><span class="date">2014-7-15</span> <span class="time">14:35:05</span></li> </ul> </div> <div> <div style="padding: 25px 8px"><span class="blacksliver">很勇敢的女生~~一直希望能自己有一次说走就走的旅行,赞一个!</span></div> <div class="right" style="height: 20px;padding:0px 10px 5px 0px"><span class="orange" style="cursor: pointer">举报</span> <span class="lightblue" style="cursor: pointer">回复</span></div> </div> </div> <div class="clear"></div> <!-- 不可缺少!! --> </div> </li> </ul> <div class="clear"></div> <div style="height: 30px;padding:20px 0px;text-align:center;"> <div class="holder"> <a class="jp-previous">上一页</a> <div style="float: left;width: 20px;height: 20px"><a class="jp-current">1</a></div> <span class="jp-hidden">...</span> <a href="#" class="">2</a> <a href="#" class="">3</a> <a href="#" class="">4</a> <a href="#" class="">5</a> <a href="#" class="jp-hidden">6</a> <a href="#" class="jp-hidden">7</a> <a href="#" class="jp-hidden">8</a> <a href="#" class="jp-hidden">9</a> <a href="#" class="jp-hidden">10</a> <a href="#" class="jp-hidden">11</a> <a href="#" class="jp-hidden">12</a> <a href="#" class="jp-hidden">13</a> <span>...</span> <a>14</a> <a class="jp-next">下一页</a> </div> </div> </div>我想实现的是在弹出框中有一个评论列表,这个评论列表每页只显示三条评论,也就是3个<li>,但是现在出现的情况是无法分页,比如现在这段代码它显示的是6条<li>,结果不是分为两页三条,而是6条都在一页。因为我的其他页面也有用到JPage,是正常的,然后我想是不是与fancybox插件冲突呢?后来想想如果是插件冲突应该会报错吧?可是没报错哦。而且我感觉是 perPage: 3,失效了,但是不知道为什么。有人帮忙看下吗?小女子感激不尽啊!! 比如现在这段代码它显示的是6条<li>,结果不是分为两页三条,而是6条都在一页。因为我的其他页面也有用到JPage---------------这个2个不冲突,是楼主你自己眼花了,自己看下comment_listid就3个li标签,哪来的6个 粘贴不了那么多个啦,我只粘贴了三个上去。。确实是有六个啦我这里测试了没有问题。。你的是http://luis-almeida.github.com/jPages这个插件没有先 请问怎么利用onmouseOver改变背景颜色? 如何将Web控件中的值传递给JavaScript函数? 请教个JS定位表格内元素的问题。 帮忙修改个JAVASCRIPT方法。 如何获取外部HTML中的特定内容 数值加法的处理,高手指点 870分 870分 870分 up有分\n [有朋友精通Winsock开发的请进]实现互动游戏 又来送分啦: 改变框架页 如何在打开窗口时,不调用历史文裆,迟终在web server中打开 各位大虾请进!有一段代码,要请教!谢谢 数字电视上节目名称滚动效果用jquery如何实现。 有谁知道这个是什么插件吗?
<ul id="comment_listid">
<li>
<div class="total_comment" >
<div class="editor_icon">
<div class="writer-icon right"><img src="./images/p1.png" alt=""/></div>
</div>
<div class="comment_box">
<div class="comm_personinfo">
<ul>
<li><span class="fontinfo">游山玩水</span></li>
<li class="fontinfo"><span class="date">2014-7-15</span> <span class="time">14:35:05</span></li>
</ul>
</div>
<div>
<div style="padding: 25px 8px"><span class="blacksliver">很勇敢的女生~~一直希望能自己有一次说走就走的旅行,赞一个!</span></div>
<div class="right" style="height: 20px;padding:0px 10px 5px 0px"><span class="orange" style="cursor: pointer">举报</span> <span class="lightblue" style="cursor: pointer">回复</span></div>
</div> </div>
<div class="clear"></div> <!-- 不可缺少!! --> </div>
</li>
<li>
<div class="total_comment">
<div class="editor_icon">
<div class="writer-icon right"><img src="./images/p1.png" alt=""/></div>
</div>
<div class="comment_box">
<div class="comm_personinfo">
<ul>
<li><span class="fontinfo">游山玩水</span></li>
<li class="fontinfo"><span class="date">2014-7-15</span> <span class="time">14:35:05</span></li>
</ul>
</div>
<div>
<div style="padding: 25px 8px"><span class="blacksliver">赞一个!!心生向往之地!非常感谢lz分享这么美丽的一段旅程!</span></div>
<div class="right" style="height: 20px;padding:0px 10px 5px 0px;"><span class="orange" style="cursor: pointer">举报</span> <span class="lightblue" style="cursor: pointer">回复</span></div>
</div> </div>
<div class="clear"></div> <!-- 不可缺少!! -->
</div>
</li>
<li>
<div class="total_comment" >
<div class="editor_icon">
<div class="writer-icon right"><img src="./images/p1.png" alt=""/></div>
</div>
<div class="comment_box">
<div class="comm_personinfo">
<ul>
<li><span class="fontinfo">游山玩水</span></li>
<li class="fontinfo"><span class="date">2014-7-15</span> <span class="time">14:35:05</span></li>
</ul>
</div>
<div>
<div style="padding: 25px 8px"><span class="blacksliver">很勇敢的女生~~一直希望能自己有一次说走就走的旅行,赞一个!</span></div>
<div class="right" style="height: 20px;padding:0px 10px 5px 0px"><span class="orange" style="cursor: pointer">举报</span> <span class="lightblue" style="cursor: pointer">回复</span></div>
</div> </div>
<div class="clear"></div> <!-- 不可缺少!! -->
</div>
</li>
</ul>
<div class="clear"></div>
<div style="height: 30px;padding:20px 0px;text-align:center;">
<div class="holder">
<a class="jp-previous">上一页</a>
<div style="float: left;width: 20px;height: 20px"><a class="jp-current">1</a></div>
<span class="jp-hidden">...</span>
<a href="#" class="">2</a>
<a href="#" class="">3</a>
<a href="#" class="">4</a>
<a href="#" class="">5</a>
<a href="#" class="jp-hidden">6</a>
<a href="#" class="jp-hidden">7</a>
<a href="#" class="jp-hidden">8</a>
<a href="#" class="jp-hidden">9</a>
<a href="#" class="jp-hidden">10</a>
<a href="#" class="jp-hidden">11</a>
<a href="#" class="jp-hidden">12</a>
<a href="#" class="jp-hidden">13</a>
<span>...</span>
<a>14</a>
<a class="jp-next">下一页</a>
</div>
</div>
</div>
我想实现的是在弹出框中有一个评论列表,这个评论列表每页只显示三条评论,也就是3个<li>,但是现在出现的情况是无法分页,比如现在这段代码它显示的是6条<li>,结果不是分为两页三条,而是6条都在一页。因为我的其他页面也有用到JPage,是正常的,然后我想是不是与fancybox插件冲突呢?后来想想如果是插件冲突应该会报错吧?可是没报错哦。而且我感觉是 perPage: 3,失效了,但是不知道为什么。有人帮忙看下吗?小女子感激不尽啊!!
---------------
这个2个不冲突,是楼主你自己眼花了,自己看下comment_listid就3个li标签,哪来的6个
粘贴不了那么多个啦,我只粘贴了三个上去。。确实是有六个啦我这里测试了没有问题。。你的是http://luis-almeida.github.com/jPages这个插件没有先