0

ここに再度投稿していますが、この問題の解決策が見つからないようです。jquery と jstree プラグインを使用してツリーを構築し、jstree の node_id に基づいて、div にいくつかの画像を表示しています。私が直面している問題は、いくつかの画像がそこにあるにもかかわらず読み込まれないことです。この問題が発生したとき、画像の幅を確認して、問題の画像が実際に読み込まれていないことを確認しました。以下はコードです。表示する前に画像を確実に読み込むにはどうすればよいですか。繰り返しますが、私はjqueryに非常に慣れていないので、これに関する助けは大歓迎です:

(document).ready(function () {
    $("#div1").jstree({
        "xml_data": {
            "ajax": {
                "url": "tree.xml"
            },
            "xsl": "nest"
        },
        "plugins": ["themes", "xml_data", "ui", "types"]
    }).bind("select_node.jstree", function (event, data) {
        var node_id = data.rslt.obj.attr("id");
        if (node_id.indexOf("TEAM") >= 0) var teamA;
        var teamB;
        teamA = "image/" + node_id + "-scores.png";
        teamB = "image/" + node_id + "-standing.png";
        img1 = new Image;
        img1.src = teamA;
        img2 = new Image;
        img2.src = teamB;
        $("#div2").html(img1);
        $("#div3").html(img2);
    });
4

2 に答える 2

1

$.htmlHTML 文字列を取ります。$.appendノードまたは jQuery オブジェクトを取る代わりに呼び出します

    $("#div2").append(img1);
    $("#div3").append(img2);
于 2012-07-23T17:14:36.587 に答える
0

jQuery.html を使用できますが、Image オブジェクトの代わりに文字列 (' ' など) を指定する必要があります。画像オブジェクトを文字列に変換してみることができます。このリンクが役立つかもしれません: http://www.dailycoding.com/Posts/convert_image_to_base64_string_and_base64_string_to_image.aspx

于 2012-07-23T17:21:09.277 に答える