做一个链接做两个动作？

如何让链接有两个动作？以下是我需要做的：做一个链接做两个动作？

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

谢谢！

来源

2013-11-14 LBF

向我们展示您的jQuery – George

我将整理一个小提琴并发布链接。 – LBF

如果有人绊倒在这，我发现这个帖子后，我问了这个问题，这也帮助了我。 http://stackoverflow.com/questions/7526113/load-wordpress-post-content-into-div-using-ajax – LBF

您需要编写一个函数来更新iframe的src，并将该函数作为单击事件处理函数添加到锚点。并将特定的链接作为参数发送到每个锚点的函数中。有关详细信息，请看下面的示例：

<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-14 13:39:34 Ardy

这样做的窍门。谢谢。 – LBF

不客气！ – Ardy

做一个链接做两个动作？

回答

相关问题