2

私は検索して検索しましたが、この問題で立ち往生しているようです。どういうわけか、これはそれほど難しくないと思いました。おそらく、jQuery についてもう少し知識がある人向けではありません。

私は.htmlファイルを持っています。それを「originalfile.html」と呼びましょう。いくつかのリストがあり、次のようなものです:

<div id="content">
    <ul id="firstlist">
       <li class="link1"><a href="/path/link1.html" target="_blank"></a></li>
       <li class="link2"><a href="/path/link2.html" target="_blank"></a></li>
       <li class="link3"><a href="/path/link3.html" target="_blank"></a></li>
    </ul>
    <ul id="secondlist">
       <li class="link4"><a href="/path/link4.html" target="_blank"></a></li>
       <li class="link5"><a href="/path/link5.html" target="_blank"></a></li>
       <li class="link6"><a href="/path/link6.html" target="_blank"></a></li>
    </ul>
</div>

リンクは新しいウィンドウで開き、「link(x).html」ファイルでは、できれば何らかの方法で、現在閉じている元のファイルのリストを上下に移動し続けるために「前へ」ボタンと「次へ」ボタンが必要ですdiv #content 内のすべてのリストで ==0 をヒットしたときに :first href に戻る、つまりループします。

「次へ」および「前へ」ボタンは、_self ウィンドウ内の元のファイルからリスト内の次へ/前へのリンクを開く必要があり、次のファイルには同じボタンが表示されます。

私がこれを正しい方法で行っているかどうかはわかりませんが、ここまで来ました：

を使用して現在のファイル名を取得します

var filename = location.pathname;

次に、を使用して元のリストを取得します

$.ajax({
   url: '/path/originalfile.html',
   success: function(response) {
   $("#linkdiv").html(jQuery(response).find('#content').html());
   });

新しい div "#linkdiv" を使用し、その div で現在のファイル名を検索します

$("#linkdiv a[href=(filename)]");

これを機能させるのに問題があり、next() と prev() の href などを見つける方法がわかりません。どこかに .live がないのではないでしょうか?

ここで問題は、次のようなことを行う方法があるかどうかです。

    $.ajax({
   url: '/path/originalfile.html',
   success: function(response) {

   $("#next").html(jQuery(response).
   find('href with same value as current filename').
   next("href");

   $("#prev").html(jQuery(response).
   find('href with same value as current filename').
   prev("href");
   });

このコードが機能しないことはわかっていますが、現在のファイル名を使用して href を検索し、前と次の href を取得して、#next と #prev の ID を持つボタンにそれらを添付する方法はありますか?

4

1 に答える 1

0

jQuery は、この仕事に適したツールではないようです。実際に 6 つの個別のページがある場合、それぞれに独自のナビゲーション ボタンのセットがあります。ある種のテンプレートや生成されたコードを実行している場合は、その旨を述べてください。

また、なぜ新しいウィンドウで開く必要があるのか​​わからないですか?

HTML ページ 1

<ul id="firstlist">

   <li class="link2"><a href="/path/link2.html" target="_blank">Next</a></li>
   <li class="link3"><a href="/path/link3.html" target="_blank">3</a></li>
</ul>

HTML ページ 2

<ul id="firstlist">
   <li class="link1"><a href="/path/link1.html" target="_blank">Previous</a></li>

   <li class="link3"><a href="/path/link3.html" target="_blank">Next</a></li>
</ul>

HTML ページ 3

<ul id="firstlist">
   <li class="link1"><a href="/path/link1.html" target="_blank">1</a></li>
   <li class="link2"><a href="/path/link2.html" target="_blank">Previous</a></li>

</ul>
于 2011-04-05T20:58:47.607 に答える