做一个链接做两个动作？答案

【问题标题】：Make a link do two actions?做一个链接做两个动作？
【发布时间】：2013-11-27 12:04:36
【问题描述】：

如何使链接具有两个操作？这是我需要做的：

我正在使用 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>

通常，这两个动作中的每一个都使用链接的“href”部分来执行动作，但一个链接不能有两个 href。我将如何做到这一点？

如果有更好的解决方案，我不必使用 iframe。基本上我只需要几个链接就可以滚动到同一个锚 div。但根据点击的链接，该 div 中加载的内容会有所不同。

谢谢！

【问题讨论】：

我会整理一个小提琴并发布链接。
万一有人偶然发现这个问题，我在提出问题后发现了这篇文章，这对我也有帮助。 stackoverflow.com/questions/7526113/…

标签： jquery html iframe scrollto

【解决方案1】：

您需要编写一个函数来更新 iframe 的 src，并将此函数作为 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>

【讨论】：