jQuery 不适用于负载

标签 jquery html css

这是我要加载的第一个文件 这在具有 id="main"的 div 中有效

<!DOCTYPE html>
<html>
    <head>
        <title> Test </title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
        </script>
    </head>
    <body>
    <div id="menu" style="position:absolute;top:0;left:2%;right:0;left:0;">
        <a href="#" id="target"> Link </a>
    </div>
    <div id="main" style="position:absolute;top:20%;left:20%;right:20%;left:20%;">
    </div>
    <script>
        $(document).ready(function(){
            $("#target").click(function(){
                $("#main").load("target.html");
            });
        });     
    </script>
    </body>
</html>

第二个文件只包含这个信息

<h1 style="text-align:center"> This Worked </h1>

在网络标签下

enter image description here

最佳答案

请确保 target.html 路径正确,“target.html”

 $("#main").load("<...path...>/target.html"); 

关于jQuery 不适用于负载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20759145/

相关文章:

html - 使用 JavaScript 更改 CSS 类没有任何效果

javascript - 在 HTML 表中设置类,但不是针对整个列

html - parallax.js - 链接不可点击和光标 : pointer not working

python - Beautiful Soup - 从 HTML 文件中取出类

javascript - 将图像从 javascript 发送到 C#

javascript - rails 5.2 : Issue with jquery-rails

html - 如何将纯文本添加到 Bootstrap 4 导航栏?

css - 使用 CSS 保持 div 的纵横比,并设置最大高度

javascript - 基于其他 div 创建新的 div

javascript - HTML5 本地存储 - 多个removeItem问题