做一個鏈接做兩個動作？

如何讓鏈接有兩個動作？以下是我需要做的：做一個鏈接做兩個動作？

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

做一個鏈接做兩個動作？

回答

相關問題