0

リンクに 2 つのアクションを持たせるにはどうすればよいですか? これが私がする必要があることです:

jQuery ScrollTo プラグインを使用して、リンクがクリックされたときにアンカーまでスクロールします。しかし、スクロール先の div にある iframe に新しいコンテンツをロードするには、同じクリックが必要です。

<a href="#scrollhere">link</a

.

.

.


<div id="scrollhere">

     <iframe that will load different page based on the link that was clicked>

</div>

通常、これら 2 つのアクションはそれぞれ、リンクの「href」部分を使用してアクションを実行しますが、リンクに 2 つの href を含めることはできません。どうすればこれを達成できますか?

より良い解決策があれば、iframe を使用する必要はありません。基本的に、同じアンカー div にスクロールするには、いくつかのリンクが必要です。ただし、クリックされたリンクに応じて、その div に読み込まれるコンテンツは異なります。

ありがとうございました!

4

1 に答える 1

0

iframe の src を更新する関数を作成し、この関数をクリック イベント ハンドラとしてアンカーに追加する必要があります。そして、特定のリンクをパラメーターとして各アンカーの関数に送信しました。詳細については、以下のサンプルをご覧ください。

    <a href="#scrollhere" onclick="loadOnFrame ('/hello.html')">link 01</a>

    <a href="#scrollhere" onclick="loadOnFrame ('/world.html')">link 02</a>


    <div id="scrollhere">
        <iframe src=""></iframe>
    </div>

    <script>
        var loadOnFrame = function(url) {
            $("#scrollhere iframe").attr("src", url);
        };    
    </script>
于 2013-11-14T13:39:34.070 に答える