-1

このサイトや他のサイトで同様の質問を調べるのに約 4 ~ 5 時間を費やしましたが、それがお気に入りの質問であることがわかります。 . 直系のページネーションは目的ではありません。

サイドバーの div には、書籍の章への html リンクのリスト (個別の php ファイル) があります。

各チャプター/トピック/サブトピックに与えたIDをajax jqueryのセレクターとして使用しています(私はこれらすべての初心者です)!以下は、セクション 1 での私の実験です。

<ul id="tocsub">
<li>
<h2>Section One</h2>
<ul>
<li><a href="#" id="ChI" name="ChI">Chapter I</a>
<ul>
<li><a href="#" id="T1" name="T1">Topic 1</a>
<ul>
<li><a href="#" id="Suba" name="Suba">Sub a</a></li>
<li><a href="#" id="Subb" name="Subb">Sub b</a></li>
</ul>
</li>
<li><a href="#">Topic 2</a></li>
</ul>
</li>
<li><a href="#">Chapter II</a></li>
<li><a href="#">Chapter III</a></li>
</ul>
</li>

上記のリンクのいずれかをクリックすると、メイン div 内でこれらの章などを交換したいと考えています。これまでのところ、以下のスクリプトを使用して上記のリンクに応答しています。

<script>
$(document).ready(function(){
  $("#ChI").click(function(){
    $("#posts").load("chapters/ChI.php");
  });
});
$(document).ready(function(){
  $("#T1").click(function(){
    $("#posts").load("chapters/T1.php");
  });
});
$(document).ready(function(){
  $("#Suba").click(function(){
    $("#posts").load("chapters/Suba.php");
  });
});
$(document).ready(function(){
  $("#Subb").click(function(){
    $("#posts").load("chapters/Subb.php");
  });
});
</script>

ここまではうまくいくようです。私が知りたいのですが:

1) これは問題のない解決策に向かっていますか? スクリプトを要約できますか? 2) スクリプトを拡張して、最大 50 の異なる ID (本の内容) を含めることはできますか?

以下の返信に感謝します。

もう少し調査した後、私は落ち着いています:

sample link:
<li><a href="#ChI" id="ChI">Chapter I</a>

sample script:    
<script>
$(document).ready(function(){
  $("#ChI").click(function(){$("#posts").load("chapters/ChI.php")});
  $("#T1").click(function(){$("#posts").load("chapters/T1.php")});
  $("#Suba").click(function(){$("#posts").load("chapters/Suba.php")});
  $("#Subb").click(function(){$("#posts").load("chapters/Subb.php")});
});
</script>
4

2 に答える 2

2

この段階では、 についてはまだ知っているようpaginationですが、新しいリンクでページをリロードすることに集中する必要があります。

ページネーションを調べます。

于 2013-07-08T11:12:43.550 に答える