wordpress的分页问题

Pagination issue with wordpress

本文关键字:问题 分页 wordpress      更新时间:2023-09-26

这是我关于Stack Overflow的第一篇文章。如果我不遵守"规则",提前道歉。谢谢你让我知道。

上下文如下:我正在编写一个网页,从一个协会对人们进行地理定位,并在一个wordpress框架内显示他们在谷歌地图上的位置。当我点击他们的标记时,我会显示一个信息窗口,里面有他们的信息。在地图上,我可以使用表单过滤/搜索人员(例如,只查看名为Paul的人)。到目前为止,一切正常。

我的问题如下:当我进行搜索时,我希望在地图下方显示结果。由于我可能有相当多的结果(假设通常在100左右),所以我希望用一些分页来显示它们。基本上我喜欢做这样的事情http://tympanus.net/jPaginate/…但我有一些困难的时间来实现它:(

现在是代码!

我首先创建div来承载分页菜单

<div class="content">
    <h1>Result </h1>
    <div id="results">  
    </div>
</div>  

然后加载相关库

<script src="<?php echo bloginfo('template_url'); ?>/js/jquery-1.3.2.js" type="text/javascript"></script>
<script src="<?php echo bloginfo('template_url'); ?>/js/jquery.paginate.js" type="text/javascript"></script>

最后我自己写分页代码

<script type="text/javascript">
        jQuery(function ($) {
            $("#results").paginate({
                count   : 20,
                start   : 1,
                display     : 8,
                border          : true,
                border_color        : '#fff',
                text_color          : '#fff',
                background_color        : 'black',  
                border_hover_color  : '#ccc',
                text_hover_color    : '#000',
                background_hover_color  : '#fff', 
                images          : false,
                mouse           : 'press'
            });
        });
</script>

然而,当我这样做时,我没有分页菜单,控制台返回给我

TypeError: $jaer(...).on is not a function

根据Google先生的说法,这可能是由于$符号的定义冲突。但是这个问题应该通过使用jQuery来避免(function($){}不是吗??

试着这样做:

 (function($) {
     $("#results").paginate({
            count   : 20,
            start   : 1,
            display     : 8,
            border          : true,
            border_color        : '#fff',
            text_color          : '#fff',
            background_color        : 'black',  
            border_hover_color  : '#ccc',
            text_hover_color    : '#000',
            background_hover_color  : '#fff', 
            images          : false,
            mouse           : 'press'
        });

}) (jQuery)

<标题>编辑

在做了一些调查之后,这不是问题,似乎$是定义的,我以前从未见过这个特定的语法:http://jsfiddle.net/UL69C/5/

不确定你的其他代码,但$在上面的例子中是未定义的。

<标题>编辑02 h1> 认为这可能是$jaer没有被定义($jaer = jQuery$jaer = $)的结果,就像在这个小提琴:http://jsfiddle.net/UL69C/9/ <标题>编辑03 h1> k,看起来你使用的jQuery版本是旧的,在这种情况下,on是不支持的…使用.delegate() or .live()

我找到问题了。这是由于jQuery的不同版本之间的冲突。1.8版本是由Wordpress加载的(我不是这个网站的唯一用户),我正在加载1.3版本。