0

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

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

谢谢!

4

1 回答 1

0

您需要编写一个函数来更新 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>
于 2013-11-14T13:39:34.070 回答