带有 <p> 标记的 jQuery 分页显示单个页面中的所有页面,如果它里面有其他标记
jQuery pagination with <p> tag displays all pages in a single page if it has some other tag inside
我正在使用jquery分页,但如果它里面有其他标签,它就不起作用。
这是我的代码:
<head>
<link href="simplePagination.css" type="text/css" rel="stylesheet"/>
<script src="jquery-1.11.1.min.js"></script>
<script src="jquery.simplePagination.js"></script>
<script>
jQuery(function($) {
var items = $(".content");
var numItems = items.length;
var perPage = 1;
items.slice(perPage).hide();
$("#pagination").pagination({
items: numItems,
itemsOnPage: perPage,
cssStyle: "light-theme",
onPageClick: function(pageNumber) {
var showFrom = perPage * (pageNumber - 1);
var showTo = showFrom + perPage;
items.hide();
items.slice(showFrom, showTo).show();
}
});
});
</script>
</head>
<body>
<div id="pagination"></div>
<p class="content">
<table><tr>Window0</tr></table></p> //this code is working
if it doesn't have the table and
div tag inside, but in my original its mandatory for me to have this table tag and div tag
<p class="content"><div>Window1</div></p>
<p class="content">Window2</p>
<p class="content">Window3</p>
<p class="content">Window4</p>
</body>
所有分页插件都可以在这里找到.https://github.com/flaviusmatis/simplePagination.js
请参阅我在代码中给出的评论行,存在问题。帮助我解决这个问题。
您需要修复标记。 p
标签并不意味着像您正在做的那样包含其他块级元素,而只是包含"措辞"元素。使用div
作为.content
元素,然后在其中适当地嵌套,一切正常。(演示)
<div id="pagination"></div>
<div class="content"><table><tr><td>Window0</td></tr></table></div>
<div class="content"><div>Window1</div></div>
<div class="content">Window2</div>
<div class="content">Window3</div>
<div class="content">Window4</div>
此外,在未来,指定您实际看到的行为会很有帮助,而不是"不起作用"——这无助于任何人进行故障排除。
相关文章:
- 如果其他是咖啡脚本
- 对象获胜'如果qml中的其他地方定义了数字动画属性,则t设置动画
- 用户名输入如果其他块不能正常工作/Javascript-jQuery-AJAX
- 如果匈牙利的记法大多被贬低;建设者的UpperCamel与其他一切的lowerCamel“;如此受欢迎
- 如果一个手风琴发出咔嗒声,如何最大限度地减少其他手风琴
- 如果没有其他函数链接到promise,则默认行为
- 如果..其他 引号内的语句
- 如果选择了其他选择项目,则隐藏选择项目
- 如果条件,则在其他操作之后调用 Redux 操作
- 如果单击离开页面,请重定向到其他页面
- j查询关闭 ul 如果打开了其他
- 找到所有元素,如果没有类,则使用 jQuery 添加其他类
- 如果React.js是V,那么在MVC中,其他字母是什么
- 如果所有其他元素都填写在AngularJS中,如何动态添加新的输入元素
- 如果匹配,则对数组中的每个项执行其他操作,如果使用jvectormaps
- 这是关于Jquery/JS的,如果我改变元素's HTML-我可以对它执行其他Jquery/JS操作吗
- 速记与其他如果
- 多功能 javascript 停止其他如果警报取消
- 如果工作,但不是其他如果
- 麻烦与javascript测量转换功能.“如果. .其他如果. .else"