0

こんにちは、jquerymobile 初心者です。javascriptからグリッドビューをロードする可能性はありますか? javascriptからgridviewをロードする必要があります。私のhtmlページは

<body onload="loadGridView()">
<fieldset class="ui-grid-b" id="mygrid">
</filedset>
</body>

そしてJavaScript関数は

function loadGridview()
{
var img_grid=$("#mygrid"); 
      img_grid.append(' <div class="ui-block-a">
            <img alt="" src="images.jpg" style="width: 80px; height: 80px" />
            </div>
            <div class="ui-block-b">
                <img alt="" src="images.jpg" style="width: 80px; height: 80px" />
            </div>
            <div class="ui-block-c">
                <img alt="" src="images.jpg" style="width: 80px; height: 80px" />
            </div>');
}

私は間違っているか、何か不足していますか? 前もって感謝します。

4

1 に答える 1

1

たとえばFirebugを使用してコードをデバッグすると、エラーが表示されます

スクリーンショット

次の修正された例は機能します

<body onload="loadGridView()">
  <div data-role="page" id="a-page">
    <div data-role="content"
      <fieldset class="ui-grid-b" id="mygrid">
      </filedset>
    </div>
  </div><!-- /page -->

  <script>
  function loadGridView() {
    var img_grid=$("#mygrid");
    img_grid.append('<div class="ui-block-a"><img alt="" src="images.jpg" style="width: 80px; height: 80px" /></div>');
    img_grid.append('<div class="ui-block-b"><img alt="" src="images.jpg" style="width: 80px; height: 80px" /></div>');
    img_grid.append('<div class="ui-block-c"><img alt="" src="images.jpg" style="width: 80px; height: 80px" /></div>');
  };
  </script>
</body>  
于 2012-10-29T16:08:03.733 に答える