0

カテゴリ別のドロップダウンがあります。Cat1 に 20 枚の画像、Cat2 に 30 枚の画像があります。この画像は JSON Web サービスからのものです。私は配列に追加した解析済みのAPI、結果のコンテンツを持っています。したがって、ドロップダウンから Cat1 を選択すると、画像は正しく読み込まれますが、cat2 を選択すると表示されません。

私が行ったことは、カテゴリが選択されたときに画像配列をこの関数に送信することです。配列からの画像を使用して html 文字列をループして mcts1 div 要素に追加して、

function createIcons(imagesArray) {
    console.log(imagesArray);
    var iconsDict = imagesArray;
    var output = '';
    var foo = (iconsDict);
    for (var i = 0; i < iconsDict.length; i++) {
        output += '<img class="icons" id=' + i + ' src=' + foo[i] + ' width="100px" height="100px"/>';
    }
    $("#mcts1").html(output); 

}

ここに私のhtmlがあります、

<div class="div2">
      <div id="mcts1">

      </div>
    </div>

私はmenucoolスライダーを使用しています ここにリンクがあります

4

2 に答える 2

0

jQuery Slider を動的に変更するため、次の手順に従います

HTML

<div id="mcts1"></div>

脚本

   <script type=”text/javascript”&gt;
 function addSlides(str)
{ var sliderElm = document.getElementById(“mcts1”); 
sliderElm.innerHTML = str; 
} 
</script>

このような関数呼び出しから出力を取得した後

 addSlides(output);
于 2013-11-08T07:24:17.110 に答える