如何點擊加載html頁面的鏈接，然後通過ajax加載外部html文件？

Question

嗨，我想點擊導航下即去的portfolio.html頁面，然後無需通過AJAX點擊側邊欄上的負載的外部HTML文件的圖標。我怎麼做？

http://www.tsakalos-advertising.gr/

這是我的網站

的投資組合，我有這樣的代碼

<script type="text/javascript"> 
    $(document).ready(function() { 
     if (window.location.search == "?istoselides") { 
    $('#loading_content').load('what-we-do.html/istoselides').fadeIn(1000); 
} 

if (window.location.search == "?video") { 
    $('#loading_content').load('what-we-do.html/video').fadeIn(1000); 
} 
    }); 
</script> 

<ul id="icon"> 
<li id="adv"><a href="what_we_do.html">adv</a></li> 
<li id="flyers"><a href="what_we_do.html">flyers</a></li> 
<li id="websites"><a href="what_we_do.html?istoselides">websites</a></li> 
<li id="video"><a href="what_we_do.html?video">video</a></li> 
</ul> 

UPDATE 出於某種原因，我不能發表評論:( 感謝您的答覆，但我不知道如何做到這一點不能被它用jQuery做的一切我不是經歷了感謝：？d

Answer 1

創建一個動態iframe元素並將其src設置爲外部HTML。

喜歡的東西：

$('#container').append('<iframe id="dynamic_iframe" />'); 
$('#dynamic_iframe').attr('src', 'http://example.com/page'); 

哪裏#container是你想要的iframe來定。