Jquery& Ajax分页回调

时间:2016-04-25 15:51:16

标签: javascript jquery css ajax pagination

我正在寻求建议。这不起作用:

https://jsfiddle.net/ss9hn99d/

<script id="moo" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>

<title>Simons Easy Ajax Pagination</title>

<body>
<h1>Simons Easy Ajax Pagination (jQuery)</h1>

<div id="pagination_controls">
<div id="pagination_control_wrapper">
</div>
</div>
<div id="pagination_container">
<div id="pagination_content_wrapper">
</div>
</div>

<div class="points">

<strong>Features</strong>
<ul>
<li>Ajaxian Pagination</li>
<li>Back &amp; Forward button support</li>
<li>URL ajax navigation <a href="pagination_jquery.php#p=4" rel="nofollow">Go To page 4</a></li>
<li>JavaScript ajax navigation whithin class "this.pLoad('3');" loads page 3</li>
<li>Left to Right, or Right to Left animated slide</li>
</ul>

<strong>To Do</strong>
<ul>
<li>Cache with on/off switch</li>
</ul>
</div>
</body>

但它应该像:

http://www.aplusdesign.com.au/misc/pagination/pagination_jquery.php#p=1

非常感谢任何帮助。

由于

1 个答案:

答案 0 :(得分:-1)

 <script id="moo" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>

 <title>Simons Easy Ajax Pagination</title>

 <body>
  <h1>Simons Easy Ajax Pagination (jQuery)</h1>

   <div id="pagination_controls">
    <div id="pagination_control_wrapper">
    </div>
   </div>
     <div id="pagination_container">
      <div id="pagination_content_wrapper">
      </div>
     </div>

       <div class="points">

        <strong>Features</strong>
         <ul>
          <li>Ajaxian Pagination</li>
          <li>Back &amp; Forward button support</li>
          <li>URL ajax navigation <a href="pagination_jquery.php#p=4" rel="nofollow">Go To page 4</a></li>
          <li>JavaScript ajax navigation whithin class "this.pLoad('3');" loads page 3</li>
          <li>Left to Right, or Right to Left animated slide</li>
         </ul>

        <strong>To Do</strong>
         <ul>
          <li>Cache with on/off switch</li>
         </ul>
        </div>