gpt4 book ai didi

jquery 和 html,单击链接时网站不会加载到 div 中

转载 作者:行者123 更新时间:2023-11-28 08:42:24 26 4
gpt4 key购买 nike

我有以下问题:我正在尝试将一个不同的 html 文件加载到我的 index.html 中的一个 div 中。好吧,它对某些链接工作正常,但对于其他链接(那些在 div 中打开的链接),情况并非如此。代码如下:

第一个 html

<!DOCTYPE html>
<html>
(...)
<body>
<div id="header">
<ul style="text-align: center; font-size: 16px; text-shadow: 1px 1px black; color: red;">
<li id="home"><a href="#" id="load_home"><p>HOME</p></a></li>
<li id="media"><p>MEDIA</p>
<ul>
<li><a href="#" id="load_test">media</a></li>
</ul>
</li>
</ul>
</div>
<div id="mainbox">
<!--CONTENT IS DISPLAYED HERE-->
</div>
</body>
</html>

然后两个可以加载atm的站点:

<p style="color: azure; text-shadow: 1px 1px black;"><a href="#" id="load_home">load home</a></p>

<p style="color: azure; text-shadow: 1px 1px black;"><a href="#" id="load_test">load test</a></p>

最后是我的 jquery:

   $("#load_home").on("click", function(){
$("#mainbox").load("home.html");
});
$("#load_test").on("click", function(){
$("#mainbox").load("testcontent.html");
});

总结一下:我的主文件中有一个 div 框,它是空的并且 ID 为“mainbox”。这个“主箱”不应该留空。我想用内容填充它,“mainbox”之外的所有链接都可以填充它,但是如果我在“mainbox”中有一个链接并且我点击它,没有任何反应。它可以链接到像谷歌这样的外部网站,但不能链接到 html 文件,它应该“删除”主箱的内容并用新的......

最佳答案

您可以委托(delegate)将使用 ajax 加载到 DOM 中的元素的事件。

但是您并不清楚您希望这些链接做什么。

/* create a click handler for all current or future <a> within id=mainbox*/
$("#mainbox").on("click",'a', function(e){
e.preventDefault();
alert( this.href);/* no sure what you want them to do here */
});

关于jquery 和 html,单击链接时网站不会加载到 div 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27761301/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com