0

最初のリンクをクリックすると、pjaxが正しいコンテンツで起動します。ただし、2番目のリンクを選択すると、pjaxはこの「http://localhost.com/name/test1/name/test2/」のようなalread selectリンクに追加し、インデックスページに戻ります。2番目のリンクが追加されたためだと思います。この問題を解決するにはどうすればよいですか？ 

 <li><a data-pjax='#content' href="name/test1/"> test1 </a></li>
 <li><a data-pjax='#content' href="name/test2/">  test2</a></li>
 <li><a data-pjax='#content' href="name/test3/">  test3 </a></li>

 <script type="text/javascript">
$(document).ready(function(){
     $(function(){

  $('a[data-pjax]').pjax({container:'#content',timeout:15000});
   });

  });
  </script>
4

1 に答える 1

1

Probably because you are using relative path in the links, try changing it to:

 <li><a data-pjax='#content' href="/name/test1/"> test1 </a></li>
 <li><a data-pjax='#content' href="/name/test2/">  test2</a></li>
 <li><a data-pjax='#content' href="/name/test3/">  test3 </a></li>

By adding / at the beginning of your href attributes.

Assuming you started at /, when you click on the first link, pjax changes the page location windows.location to /name/test1/. A link to name/test2/ on page /name/test1/ means /name/test1/ + name/test2/ => /name/test1/name/test2/, since it is a relative path.

于 2013-08-14T00:17:21.817 に答える