wordpress 的分页问题

Question

这是我在 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

在 .js 文件中 ...

根据 Google 先生的说法，这似乎是由于 $ 符号的定义冲突造成的。但是应该通过使用 jQuery(function ($) { } is not??

来避免这个问题

Answer 1

我发现了问题。这是由于 jQuery 版本之间的冲突。 1.8 版由 Wordpress 加载（我不是该网站的唯一用户），我正在加载 1.3 版。

Answer 2

尝试这样做：

 (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

我认为这可能是 $jaer 未定义的结果（$jaer = jQuery 或$jaer = $）就像在这个小提琴中：http://jsfiddle.net/UL69C/9/

编辑 03

好的，您使用的jQuery 的版本 似乎较旧，在这种情况下，不支持on...使用.delegate() or .live()