gpt4 book ai didi

javascript - 尝试将带有脚本的 html 加载到另一个页面

转载 作者:太空宇宙 更新时间:2023-11-04 13:09:16 24 4
gpt4 key购买 nike

谢谢你的时间这是我在这里的第一篇文章:)

所以我有一个运行良好的脚本,这里是我的 page1.html 简化版:

<html>
<head>
<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
<script>
var lang = "en";
$(function(){
$("#morelink").load("page2.html");
});
</script>
</head>
<body>
<div id="morelink"></div>
</body>
</html>

这里我的 page2.html 简化了,是添加到我的页面 1 中:

<div>       
<a href="model_1_'+lang+'.html">
<img src="image1.png" />
</a>
<a href="model_2_'+lang+'.html">
<img src="image2.png" />
</a>
<a href="model_3_'+lang+'.html">
<img src="image3.png" />
</a>
</div>

加载工作正常,但这不起作用,因为当我点击一个链接时应该给我一个链接:

 model_3_en.html

但他给我:

 model_3_'+lang+'.html

为什么 var lang = "en" 不起作用?

最佳答案

您必须在新页面内容加载过程之后动态设置 anchor 的 href 属性。

尝试像下面这样更改您的 page2.html

<div>       
<a data-link="model_1_">
<img src="image1.png" />
</a>
<a data-link="model_2_">
<img src="image2.png" />
</a>
<a data-link="model_3_">
<img src="image3.png" />
</a>
</div>

你的脚本如下,

var lang = "en";
$(function(){
$("#morelink").load("page2.html",function(){
$("#morelink a[data-link]").attr("href", function(){
return $(this).data("link") + lang + ".html";
});
});
});

关于javascript - 尝试将带有脚本的 html 加载到另一个页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35667452/

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