Сделать ссылку сделать два действия?

Question

Как я могу сделать ссылку, есть два действия? Вот что мне нужно сделать:

Я использую плагин jQuery ScrollTo для прокрутки до привязки при нажатии ссылки. Но мне также нужен тот же самый щелчок, чтобы загрузить новый контент в iframe, расположенный в прокрутке div.

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

. 

. 

. 


<div id="scrollhere"> 

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

</div> 

Обычно каждый из этих двух действий использует «HREF» часть ссылки, чтобы сделать действие, но ссылка не может иметь два hrefs. Как бы я это сделал?

Мне не нужно использовать iframe, если есть лучшее решение. В основном мне просто нужно несколько ссылок, чтобы прокрутить вас до одного и того же анкера. но в зависимости от щелчка ссылки содержимое, загруженное в этот div, будет другим.

Спасибо!

Answer 1

вам необходимо написать функцию для обновления src iframe и добавить эту функцию в качестве обработчика событий click для привязки. И отправил конкретную ссылку в качестве параметра в функцию в каждом якоре. Для подробностей, пожалуйста, смотрите ниже образца:

<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>