Javascript JQuery选择li进行分页_Javascript_Jquery_Pagination

Javascript JQuery选择li进行分页

javascript jquery pagination

Javascript JQuery选择li进行分页,javascript,jquery,pagination,Javascript,Jquery,Pagination,我正在编写一个分页脚本，除了一个小问题之外，一切都很好。我需要在点击页码（li）时触发一个操作分页通过ajax返回给名为“result”的div。然而，这个分区埋在其他几个分区的深处——我认为这可能是问题所在。你能怎样修理谢谢 $('#result .pagination li').live('click', function () { var page = $(this).attr('p'); loadData(page); return f

我正在编写一个分页脚本，除了一个小问题之外，一切都很好。我需要在点击页码（li）时触发一个操作

分页通过ajax返回给名为“result”的div。然而，这个分区埋在其他几个分区的深处——我认为这可能是问题所在。你能怎样修理

谢谢

$('#result .pagination li').live('click', function () {
        var page = $(this).attr('p');
        loadData(page);
        return false;
    });

下面是完整的输出和完整的分页

<body>
<div id="wrapper">
    <nav class="navbar navbar-default navbar-static-top" style="margin-bottom: 0">
        <div class="navbar-header">
            <button class="navbar-toggle" type="button"><span class="sr-only">Toggle navigation</span>
            </button> <a class="navbar-brand" href="index.php">Title</a>
        </div>
    </nav>
    <nav class="navbar-default navbar-static-side">
        <div class="sidebar-collapse">
            <ul class="nav" id="side-menu">
                <li class="sidebar-search">
                    <div class="input-group custom-search-form">
                        <input class="form-control" placeholder="Search..." type="text">
                    </div>
                    <!-- /input-group -->
                </li>

                <li class="active"><a href="index.php">Dashboard</a>
                </li>

                <li><a href="claims.php">Claims</a>
                </li>
            </ul>
        </div>
    </nav>

    <div id="page-wrapper">
        <div class="row">
            <div class="col-lg-12">
                <h1 class="page-header">Claims</h1>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-12">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        DataTables Advanced Tables

                        <div id="loading" style="float: right; display: none;">
                            <img src="images/loading.gif">
                        </div>
                    </div>

                    <div class="panel-body">
                        <div id="result">
                            <!-- DATABASE RESULTS GO HERE -->
                            <ul class="pagination" id="pg">
                                <li class="disabled"><a href="#">First</a>
                                </li>

                                <li class="disabled"><a href="#">«</a>
                                </li>

                                <li class="disabled"><a>1</a>
                                </li>

                                <li><a href="#">2</a>
                                </li>

                                <li><a href="#">3</a>
                                </li>

                                <li><a href="#">4</a>
                                </li>

                                <li><a href="#">5</a>
                                </li>

                                <li><a href="#">6</a>
                                </li>

                                <li><a href="#">7</a>
                                </li>

                                <li><a href="#">»</a>
                                </li>

                                <li><a href="#">Last</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


切换导航








声称
数据表高级表

我使用的是jQuery v1.10.2

您使用的是jQuery>=1.9，因此

你能分享html。。。另外，使用的jQuery版本是什么

$(document).on('click', '#result .pagination li', function () {
    var page = $(this).attr('p');
    loadData(page);
    return false;
});