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はギグ情報の URL です。

これは私が話しているギグのページです。

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

ページ ソースを表示した後、明らかな理由は、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

APIを含めるのを忘れてjQueryおり、タイプミスもあります。

代わりにこれを試してください：

<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 に答える