I'm having issues with JQuery. If I use it in an HTML page, I can get it to work perfectly only if I then view the page via OBS (the streaming platform, yes). If I open that same page via a browser it won't work.
Example: this is test.html. It's located in the same folder as jquery-3.5.1.min.js and test2.html
<html>
<head>
<script type="text/javascript" src="jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function(){
$('#asd').load("test2.html");
});
</script>
</head>
<body bgcolor="white">
<div id="asd">
</div>
</body>
</html>
This is test2.html
<html>
<head>
</head>
<body>
asdhasdhashdashdhasdhasdhasdhasdhashdashd asdh asdha sdh asdh asdh asdh asdh asdh asdhds ahsd sdha sd
</body>
</html>
This is what I see, for instance, on Firefox:
This is what I see on OBS:
I tried to open it through other browsers (Edge, Opera) and that's the same.
I tried to do an "Hello World" via JQuery and it actually works, so I'm really not sure what is missing at this point:
<html>
<head>
<title>jQuery Hello World</title>
<script type="text/javascript" src="jquery-3.5.1.min.js"></script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function(){
$("#msgid").html("This is Hello World by JQuery");
});
</script>
This is Hello World by HTML
<div id="msgid">
</div>
</body>
</html>
Result:
