gpt4 book ai didi

javascript - jQuery load() 和样式表不起作用?

转载 作者:塔克拉玛干 更新时间:2023-11-02 21:22:27 24 4
gpt4 key购买 nike

我正在使用 load() 函数将一个文件加载到一个 div 中,但是在我加载数据之后 - 它的样式不起作用。

例如:

index.html:

 $("a ").click(

function(e)
{
e.preventDefault();

$("#Display").load('file.html');
$("#Display").show();
});

文件.html:

<h1 id="title">Item number #1</h1>
<p id="content">Lorem ipsum like text...</p>

样式.css:

#title {
color: red;
}

#content {
color: green;
}

点击“a”链接后,内容加载到#Display div,然后完美显示,但标题标题不是红色,内容段落不是绿色

我相信这是一种默认行为,因为当网站最初加载时没有这样的元素,我正在使用 jQuery 动态加载它们。有没有办法延迟加载它们并以某种方式在后台刷新样式表?或者任何其他技巧可以帮助我?

非常感谢!

最佳答案

正在加载的文件的 head 元素中是否引用了样式表?如果是这样,它将不会被 load 加载,因为 load 静默地过滤除 body 元素内容之外的所有内容。如果您将样式表包含在脚本运行的文档中以及其他文档将加载到的文档中,它应该可以正常工作。

<head>
<link rel="stylesheet" type="text/css" href="styles.css" media="screen />
...
<script type="text/javascript" src="...jquery.js"></script>
<script type="text/javascript">
$(function() {
$("a").click( function(e) {
$("#Display").load('file.html');
$("#Display").show();
return false;
});
});
</script>
</head>
<body>
<p><a href="#">Load Content</a></p>
<div id="Display"></div>
</body>

关于javascript - jQuery load() 和样式表不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3530108/

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