我对公共标头使用.load()方法。但我想在用户配置文件的标题中添加下拉列表。当我使用.load()方法包含标头时，脚本始终不起作用。
请不要建议我使用PHP来包含头文件。我只是想解决为什么当我们使用.load()方法时jquery不起作用。
HTML文件：-
<html>
<head>
<title>How to include HTML page with jQuery</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type='text/javascript'>
$(document).ready(function(){
$( "#header" ).load( "header.html" );
});
</script>
</head>
<body>
<div id='header'></div>
<div class='content'>Content</div>
<script src="../assets/js/jquery-3.2.1.min.js"></script>
<script src="../vendor/bootstrap-5.0.2-dist/js/bootstrap.min.js"></script>
<script src="../assets/js/script.js"></script>
</body>
</html>
标题代码：-
<div class="user-profile"><img class="user-pic rounded-circle" src="assets/img/user.jpg"></div>
脚本：-
<script>
$(document).ready(function(){
$('.user-profile').click(function(){
alert('test')
});
});
</script>
您可以这样尝试：设置功能的名称
<script>
function f()
{
$('.user-profile').click(function(){
alert('test')
});
};
然后在加载完成时调用函数，如下所示：
$( "#header" ).load( "header.html", function() {
f();
});