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

Question

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

0

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

Я использую плагин 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, будет другим.

Спасибо!

LBF 14 нояб. 2013, в 14:57

Источник

0

Покажите нам свой JQuery
George 14 нояб. 2013, в 13:03
0

Я соберу скрипку и выложу ссылку.
LBF 14 нояб. 2013, в 13:09
0

В случае, если кто-то наткнется на это, я нашел этот пост после того, как задал вопрос, который также помог мне. stackoverflow.com/questions/7526113/...
LBF 14 нояб. 2013, в 14:18

Показать ещё 1 комментарий

Теги:

jquery

html

iframe

scrollto

1 ответ

Ещё вопросы

Я соберу скрипку и выложу ссылку.
В случае, если кто-то наткнется на это, я нашел этот пост после того, как задал вопрос, который также помог мне. stackoverflow.com/questions/7526113/...

Ardy · Accepted Answer · 2013-11-14T11-59-00.000Z

вам нужно написать функцию для обновления 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>