jquery - 如何单击加载 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>

更新出于某种原因，我不能发表评论:(感谢您的回复，但我不知道该怎么做。不能用 jquery 来完成吗？我一点经验都没有。谢谢:D

Answer 1

创建一个动态 iframe 元素并将其 src 设置为外部 HTML。

类似于:

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

#container 是您希望 iframe 所在的位置。