0

現在、jquery と jstree プラグインを使用して画像を表示しています。ノードを持つxmlファイルに基づいてツリーを構築しています。別に、サードパーティのツールを使用して画像を作成しています。画像名は -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 に答える