Jquery 分页到分页
我正在尝试构建一个不典型的循环导航 通常情况下,它是这样形成的Jquery 分页到分页,jquery,jquery-plugins,jquery-cycle,Jquery,Jquery Plugins,Jquery Cycle,我正在尝试构建一个不典型的循环导航 通常情况下,它是这样形成的 <a href="#">1</a> <a href="#">2</a> <a href="#">3</a> <a href="#">4</a> <a href="#">5</a> <a href="#">6</a> <a href="#">7</a> 但我不知道如何
<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<a href="#">5</a>
<a href="#">6</a>
<a href="#">7</a>
但我不知道如何把事情总结起来。
有人知道如何正确操作吗?您可以使用简单的循环和:
var$anchors=$('a');
对于(变量i=0;i<$anchors.length;i+=2){
$anchors.slice(i,i+2).wrapAll(“”);
}
这将给你:
<div class="wrap">
<a href="#">1</a>
<a href="#">2</a>
</div>
<div class="wrap">
<a href="#">3</a>
<a href="#">4</a>
</div>
<div class="wrap">
<a href="#">5</a>
<a href="#">6</a>
</div>
<div class="wrap">
<a href="#">7</a>
</div>
您可以使用一个简单的循环和:
var$anchors=$('a');
对于(变量i=0;i<$anchors.length;i+=2){
$anchors.slice(i,i+2).wrapAll(“”);
}
这将给你:
<div class="wrap">
<a href="#">1</a>
<a href="#">2</a>
</div>
<div class="wrap">
<a href="#">3</a>
<a href="#">4</a>
</div>
<div class="wrap">
<a href="#">5</a>
<a href="#">6</a>
</div>
<div class="wrap">
<a href="#">7</a>
</div>
/*--------------------------------------------------------------------- *此站点的分页。 ---------------------------------------------------------------------/ 函数geigerakademie_posts_paginate($args=false){
$type='posts';
$options=array();
$previouspage='laquo;';
$nextpage='raquo;';
$before='';
$after='';
$range=3;
$title='';
$anchor=1;
$gap=1;
$r=wp\u parse\u args($args,$options);
摘录($r,EXTR_SKIP);
如果(!isset($page)&&!isset($page)){
全局$wp_查询;
如果($type=='posts'){
$page=get_query_var('paged');
$posts\u per\u page=intval(获取查询变量(“posts\u per\u page”);
$pages=intval(ceil($wp\u query->found\u posts/$posts\u per\u page));
}
否则{
$page=get_query_var('cpage');
$comments_per_page=获取选项(“comments_per_page”);
$pages=get_comment_pages_count();
}
$page=!空($page)?intval($page):1;
}
$prevlink=($type=='posts')
esc_url(获取页面编号链接($page-1))
:get_comments_pagenum_link($page-1);
$nextlink=($type=='posts')
?esc_url(获取页面编号链接($page+1))
:get_comments_pagenum_link($page+1);
$output=stripslashes($before);
如果($pages>1){
$ellipsis=“”,$prevlink);
}
$min_links=$range*2+1;
$block\u min=min($page-$range,$page-$min\u links);
$block_high=max($page+$range,$min_links);
$left_gap=($block_min-$anchor-$gap)>0)?真:假;
$right\u gap=($block\u high+$anchor+$gap)<$pages)?真:假;
如果($left_gap&!$right_gap){
$output.=sprintf(“%s%s%s”,
geigerakademie_posts_paginate_loop(1美元锚),
$省略号,
geigerakademie_posts_paginate_loop($block_min,$pages,$page)
);
}
else if($left_gap&$right_gap){
$output.=sprintf(“%s%s%s%s%s”,
geigerakademie_posts_paginate_loop(1美元锚),
$省略号,
geigerakademie_posts_paginate_loop($block_min,$block_high,$page),
$省略号,
geigerakademie_posts_paginate_loop($pages-$anchor+1),$pages)
);
}
else if($right_gap&!$left_gap){
$output.=sprintf(“%s%s%s”,
geigerakademie_posts_paginate_loop(1,$block_high,$page),
$省略号,
geigerakademie_posts_paginate_loop($pages-$anchor+1),$pages)
);
}
否则{
$output.=geigerakademie_posts_paginate_loop(1,$pages,$page);
}
如果($page<$pages&&!empty($nextpage)){
$output.=sprintf(“”,$nextlink);
}
$output.=“”;
}
$output.=stripslashes($after);
如果($pages>1 | |$empty){
echo$输出;
}
}
函数geigerakademie_posts_paginate_循环($start,$max,$page=0){
$type='posts';
$output=“”;
对于($i=$start;$i/*---------------------------------------------------------------------
*此站点的分页。
---------------------------------------------------------------------/
函数geigerakademie_posts_paginate($args=false){
$type='posts';
$options=array();
$previouspage='laquo;';
$nextpage='raquo;';
$before='';
$after='';
$range=3;
$title='';
$anchor=1;
$gap=1;
$r=wp\u parse\u args($args,$options);
摘录($r,EXTR_SKIP);
如果(!isset($page)&&!isset($page)){
全局$wp_查询;
如果($type=='posts'){
$page=get_query_var('paged');
$posts\u per\u page=intval(获取查询变量(“posts\u per\u page”);
$pages=intval(ceil($wp\u query->found\u posts/$posts\u per\u page));
}
否则{
$page=get_query_var('cpage');
$comments_per_page=获取选项(“comments_per_page”);
$pages=get_comment_pages_count();
}
$page=!空($page)?intval($page):1;
}
$prevlink=($type=='posts')
esc_url(获取页面编号链接($page-1))
:get_comments_pagenum_link($page-1);
$nextlink=($type=='posts')
?esc_url(获取页面编号链接($page+1))
:get_comments_pagenum_link($page+1);
$output=stripslashes($before);
如果($pages>1){
$ellipsis=“”,$prevlink);
}
$min_links=$range*2+1;
$block\u min=min($page-$range,$page-$min\u links);
$block_high=max($page+$range,$min_links);
$left_gap=
var $anchors = $('a');
for (var i=0; i < $anchors.length; i+=2) {
$anchors.slice(i, i+2).wrapAll('<div class="wrap" />');
}
<div class="wrap">
<a href="#">1</a>
<a href="#">2</a>
</div>
<div class="wrap">
<a href="#">3</a>
<a href="#">4</a>
</div>
<div class="wrap">
<a href="#">5</a>
<a href="#">6</a>
</div>
<div class="wrap">
<a href="#">7</a>
</div>
$type = 'posts';
$options = array();
$previouspage = '«';
$nextpage = '»';
$before = '<div class="paging clearfix">';
$after = '</div>';
$range = 3;
$title = '';
$anchor = 1;
$gap = 1;
$r = wp_parse_args($args, $options);
extract($r, EXTR_SKIP);
if (!isset($page) && !isset($pages)) {
global $wp_query;
if ($type === 'posts') {
$page = get_query_var('paged');
$posts_per_page = intval(get_query_var('posts_per_page'));
$pages = intval(ceil($wp_query->found_posts / $posts_per_page));
}
else {
$page = get_query_var('cpage');
$comments_per_page = get_option('comments_per_page');
$pages = get_comment_pages_count();
}
$page = !empty($page) ? intval($page) : 1;
}
$prevlink = ($type === 'posts')
? esc_url(get_pagenum_link($page - 1))
: get_comments_pagenum_link($page - 1);
$nextlink = ($type === 'posts')
? esc_url(get_pagenum_link($page + 1))
: get_comments_pagenum_link($page + 1);
$output = stripslashes($before);
if ($pages > 1) {
$ellipsis = "<a class='gap'>...</a>";
if ($page > 1 && !empty($previouspage)) {
$output .= sprintf('<a class="page-prev" href="%s"><span> </span></a>', $prevlink);
}
$min_links = $range * 2 + 1;
$block_min = min($page - $range, $pages - $min_links);
$block_high = max($page + $range, $min_links);
$left_gap = (($block_min - $anchor - $gap) > 0) ? true : false;
$right_gap = (($block_high + $anchor + $gap) < $pages) ? true : false;
if ($left_gap && !$right_gap) {
$output .= sprintf('%s%s%s',
geigerakademie_posts_paginate_loop(1, $anchor),
$ellipsis,
geigerakademie_posts_paginate_loop($block_min, $pages, $page)
);
}
else if ($left_gap && $right_gap) {
$output .= sprintf('%s%s%s%s%s',
geigerakademie_posts_paginate_loop(1, $anchor),
$ellipsis,
geigerakademie_posts_paginate_loop($block_min, $block_high, $page),
$ellipsis,
geigerakademie_posts_paginate_loop(($pages - $anchor + 1), $pages)
);
}
else if ($right_gap && !$left_gap) {
$output .= sprintf('%s%s%s',
geigerakademie_posts_paginate_loop(1, $block_high, $page),
$ellipsis,
geigerakademie_posts_paginate_loop(($pages - $anchor + 1), $pages)
);
}
else {
$output .= geigerakademie_posts_paginate_loop(1, $pages, $page);
}
if ($page < $pages && !empty($nextpage)) {
$output .= sprintf('<a class="page-next" href="%s"><span> </span></a>', $nextlink);
}
$output .= "</ol>";
}
$output .= stripslashes($after);
if ($pages > 1 || $empty) {
echo $output;
}
}
$type = 'posts';
$output = "";
for ($i = $start; $i <= $max; $i++) {
$p = ($type === 'posts') ? esc_url(get_pagenum_link($i)) : get_comments_pagenum_link($i);
$output .= ($page == intval($i))
? "<a class='page current' href='javascript:void(0)'>$i</a></span>"
: "<a href='$p' title='$i' class='page'>$i</a>";
}
return $output;
}