-2

puts.php（JSON）

 {
    "image":[
       {
          "name":'<div id="yes">Hi!</div>'
       }
    ]
 }

process.php

<HTML>
    <HEAD>
        <TITLE>Process</TITLE>
        <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jQuery/jquery-1.3.2.min.js"></script>
        <script>
            function loadPage() {

                $(document).ready(function () {

                    $.getJSON('puts.php', function (JSON) {
                        $('#result').empty();

                        $.each(JSON.image, function (i, img) {
                            $('#result').append(img.name)
                        });
                    });
                });
            }

            function loadEfect() {

                $(document).ready(function () {

                    $('#yes').fadeOut();
                    $('#yes').fadeIn();
                });
            }

            function start() {

                loadPage();
                loadEfect();
            }
        </script>
    </HEAD>

    <BODY onLoad="start()">
        <div id="result"></div>
    </BODY>

</HTML>

process.php関数内のコードはloadEfect()機能しません。（fadeIn、機能していませんfadeOut）ページはloadPage()機能するようにロードされていますが、loadEfect()機能は機能しません。どうしてこれなの？どこで間違いを犯すことができますか？助けてください。

4

3 に答える 3

3

loadEfectID の要素がないため、 は機能していませんyes。

onloadまた、 と の両方を使用しないでください$(document).ready(。1 つの方法のみを使用します。

function loadPage() {
    $.getJSON('puts.php', function (JSON) {
        $('#result').empty();
        $.each(JSON.image, function (i, img) {
            $('#result').append(img.name)
        });
    });
}

function loadEfect() {
    $('#yes').fadeOut();
    $('#yes').fadeIn();
}

$(document).ready(function(){
    loadPage();
    loadEfect();
}

次に、タグから削除onLoad="start()"します。<body>

于 2012-06-05T19:24:59.757 に答える
2

onloadの後に発生するため、機能しませんonready。このようなことを試してください：

$(function(){
    $.getJSON('puts.php' function(json){
        $.each(json.image, function(i, img){
            $('#result').append(img.name)
        };
    });

    $('#yes').fadeOut();
    $('#yes').fadeIn(); 
});
于 2012-06-05T19:22:24.937 に答える
1

JSON では二重引用符で囲まれた文字列のみを使用してください。

{
    "image": [
        {
            "name": "<div id='yes'>Hi!</div>"
        }
    ]
}

単一引用符で囲まれた文字列は使用できません。JSONLintを参照してください。

于 2012-06-05T19:23:27.797 に答える