このサイトや他のサイトで同様の質問を調べるのに約 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>