jquery - Jquery UI 的选项卡内容中的分页

Question

我正在使用 Jquery UI TABS 制作一个页面。 在其中一个选项卡中，我想对评论进行分页。 我想要这样的东西。当用户点击页码时， 链接的页面数据将通过选项卡中的 ajax 加载。

这是我的代码

<script type="text/javascript">
 $(function() {
  $("#tabs").tabs();
 });



 $('#demo').tabs({
    load: function(event, ui) {
        $('a', ui.panel).click(function() {
            $(ui.panel).load(this.href);
            return false;
        });
    }
});




 </script>

如何更改此设置，以便内容中的任何链接都带有 id“分页”

<a href="/coments?page=12&user_id=12" id="pagination">12</a>

?? 预先致谢

I tried recently like this even  and no luck. 

这是来自http://www.bannerite.com/jquerytest/index2.php

开始工作了

<script type="text/javascript">
    $(function() {          
        $("#tabs").tabs();
        var hijax = function(panel){
            $('a', panel).click(function() {            
                /**makes children 'a' on panel load via ajax, hence hijax*/
                $(panel).load(this.href, null, function(){
                    /**recursively apply the hijax to newly loaded panels*/
                    hijax(panel);                  
                });

                /**prevents propagation of click to document*/
                return false;
            });

            $('form', panel).css({background: 'yellow'}).ajaxForm({
                target: panel,
            });    
        };

        $('#demo ul').tabs({
            /**initialize the tabs hijax pattern*/
            load: function(tab, panel) {
                hijax(panel);
            }
        }); 
    });
</script>

这是 Karl 给出的 HTML 部分，但没有成功。单击“测试”链接时，它会转到另一个页面...... 当点击

时

我想在这里发布 HTML，但由于用户信誉较差 <10 无法提供带有链接的 HTML，我已将其发布在此处

http://gevork.ru/2009/12/31/jquery-ui-tab-and-pagination-html/#more-58

Answer 1

它可能不起作用的一个原因是 #demo 没有在就绪事件中制表，而是立即制表。只要不使用底部脚本方法，此调用就需要移至传递到 $ 的匿名函数中。

$(function() {    
    $('#tabs').tabs({
        load: function(event, ui) {
            $('a', ui.panel).click(function() {
                $(ui.panel).load(this.href);
                return false;
            });
        }
    });
});

除此之外 - 在不了解实际 HTML 的情况下 - 我无法判断是否还有其他问题。

“任何带有 id“pagination”的链接”听起来好像有多个链接。在这种情况下: id 必须是唯一的，因此应在此处将其更改为类。