0

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

<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是演出信息的网址。

这是我正在谈论的演出页面。

4

4 回答 4

3

您需要包含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");
    }); 
});
于 2013-04-22T16:29:26.887 回答
0

似乎您忘记了路径周围的引号

$("#gigs").load("gigs/april13.html");
于 2013-04-22T16:28:33.337 回答
0

查看您的页面源代码后，明显的原因是您没有包含 jQuery 库。

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

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
于 2013-04-22T16:29:54.557 回答
0

您忘记包含jQueryAPI，并且您还有一个拼写错误。

试试这个：

<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>
于 2013-04-22T16:30:21.940 回答