Question

我试图让我的演出页面只需按一下按钮即可加载内容，但它似乎没有加载内容这就是我所拥有的

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="style.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        $(document).ready(function() {
            $("#apr").click(function(){
                $("#gigs").load(gigs/april13.html);
            }); 
        });
    </script>
    <title>Where We're Playing</title>
</head>

其中， #apr是按钮ID， #gigs是我想要它出现的div的id 在一边，我有一个包含按钮的无序列表。文件gigs/april13.html是演出信息的网址。

这是the gigs page我在谈论。

Answer 1

您需要添加jQuery库

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

或

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

您还需要执行@tymeJV所说的内容，并确保将加载URL保留在引号中

您可能希望将点击更改为.on

$(document).ready(function() {
    $("#apr").on("click",function(){
        $("#gigs").load("gigs/april13.html");
    }); 
});

Answer 2

好像你忘记了路径上的引语

$("#gigs").load("gigs/april13.html");

Answer 3

在查看您的页面源之后，显而易见的原因是您没有包含jQuery库。

将它放在引用的css文件下和jQuery代码之前：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

Answer 4

您忘记包含jQuery API，而且您也有错字。

请改为尝试：

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <link href="style.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        $(document).ready(function() {
            $("#apr").click(function(){
                $("#gigs").load('gigs/april13.html');
            }); 
        });
    </script>
    <title>Where We're Playing</title>
</head>

无法加载编辑到我的网站

4 个答案: