Question

如何让链接有两个动作？这就是我需要做的事情：

我正在使用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中加载的内容会有所不同。

谢谢！

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

做一个链接做两个动作？

1 个答案: