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

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

Я использую плагин 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» для выполнения действия, но ссылка не может иметь два href. Как бы я это сделал?

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

Спасибо!


html iframe jquery scrollto
person LBF    schedule 14.11.2013    source источник
comment
Я соберу скрипку и опубликую ссылку.   -  person LBF    schedule 14.11.2013
comment
На случай, если кто-нибудь наткнется на это, я нашел этот пост после того, как задал вопрос, который также помог мне. stackoverflow.com/ вопросы/7526113/   -  person LBF    schedule 14.11.2013

Ответы (1)


arrow_upward
0
arrow_downward

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

    <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>
person Ardy    schedule 14.11.2013