如何单击加载 html 页面的链接，然后使用 ajax（不单击任何内容）加载外部 html 页面？

发布于 2024-10-13 11:16:04 字数 730 浏览 2 评论 0原文

html 带有指向 page2.html 的链接，当加载 page2.html 时，我想使用 AJAX 在其中加载 page3.html 的内容。有人可以为我提供解决方案吗？我已经尝试过这个，但它不起作用。

//link icon to correspoding link on what we do
$('#websites').click(function() {
    $(this).attr('href', function() {
        $('#loading_content').load('what-we-do.html/istoselides').fadeIn(1000);
    })
});

非常感谢！

更新

<li id="adv"><a href="what_we_do.html?istoselides">adv</a></li>


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

原文

html with a link to page2.html and when page2.html is loading i want to load inside it with AJAX the content of page3.html. Can someone provide me with a solution? i have tried this but it doesnt work.

//link icon to correspoding link on what we do
$('#websites').click(function() {
    $(this).attr('href', function() {
        $('#loading_content').load('what-we-do.html/istoselides').fadeIn(1000);
    })
});

Thanks so much!

UPDATE

<li id="adv"><a href="what_we_do.html?istoselides">adv</a></li>


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

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

谁的年少不轻狂 2024-10-20 11:16:04

您可以通过 href 将信息从 page1 传递到 page2，但不能通过代码，因此您必须设置某种关键字，例如在查询字符串中，并让 page2 提取此信息：

page1.html

<a href="page2.html?loadPage3">Link to Page2</a>

page2.html

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

You can pass information from page1 to page2 through the href, but not code, so you'll have to set a keyword of some sort, for example in the query string, and let page2 extract this information:

page1.html

<a href="page2.html?loadPage3">Link to Page2</a>

page2.html

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

回复收藏 0 原文

~没有更多了~