简体   繁体   English

jQuery和Ajax分页回调

[英]Jquery & Ajax Pagination callback

I am looking for an advice. 我正在寻找建议。 This doesn't work: 这不起作用:

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>

but it should work like: 但它应该像这样工作:

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

Any help would be greatly appreciated. 任何帮助将不胜感激。

Thanks 谢谢

 <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>

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM