0

我目前正在使用 jquery 和 jstree 插件来显示图像。我正在基于具有节点的 xml 文件构建树。Saparately，我正在使用一些第三方工具创建图像。图像名称为 -model.png。当一个节点被选中时，根据树上的 node_id，我在 div 上显示图像。

它有效，但问题在于并非所有节点都具有相同数量的图像。例如 node_a 将有 10 个图像，node_b 将有 2 个图像等。而不是手动创建 div 并基于图像，隐藏或显示；我想动态显示图像。如果在树上单击 node_A，我应该能够使用 jquery 在右侧以 2 列格式查看所有图像。

我目前的代码是这样的： 

    <div id="column_2">
        <div id="2_div1" ></div>
        <div id="2_div2" "></div>
        <div id="2_div3" ></div>
    </div>

左边是我构建 jstree 的 div

$("#left").jstree("toggle_node", data.rslt.obj);

var node_id = data.rslt.obj.attr("id");

node_id 是所有图像都具有的唯一 ID。根据汽车品牌。例如，它将是 GM-Make、Ford-Make、Toyota-Make 等 

  if (node_id.indexOf("Make")>=0)
    {
      var Img_year_2012 = "node_id+"-year_2012.png";
       $(function () { 
         $('#1_div1').html("").css({"border": "", "margin": "0"});
        var myImage1 = new Image(); 
        $(myImage1).load(function () 
        {  

        $("#1_div1").html(myImage1).css({"border":"2px solid #E0E0E0", "margin": "20px 20px 20px 0"});
         $( '#1_div1 img' ).css({ "width": "600px", "height" : "650px" });


        })         
        .attr('src', Img_year_2012).error(function(){
            $('#1_div1').html("").css({"border": "", "margin": "0"});
            })

        });

而不是这样做，我怎样才能显示每个图像都属于一个节点ID？

4

1 回答 1

0

也许我误解了这个问题，但是您是否尝试过使用 for 循环遍历每个节点？类似的东西：http ://www.w3schools.com/dom/dom_nodes_traverse.asp

于 2012-08-10T16:58:39.777 回答