如何点击加载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的位置。