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

$.html接受一个 HTML 字符串。改为调用$.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 回答