0

それぞれ2つのテーブル行を含むオブジェクトで埋めているオブジェクトがあります。各「サブオブジェクト」は元のテーブルから切り離し、作成中の新しいテーブルに「ドロップ」する必要があります。これは、JQM テーブルサブページに配置する必要があります。

サンプルには 5 行のテーブルが 1 つ含まれており、これを 3 つのサブページに分割したいと考えています。

これは私が持っているものです:

var splitRows, takeAway;

// 3 is calculated by total-rows/rows-per-subpage 
for( i = 0; i < 3; i++ ){

    // my table object ends up looking like this
    // with each loop adding another object with 2 rows
    splitRows = [[tr.even, tr.odd], [tr.even, tr.odd]],

    // here I'm grabing the current object, which should be two rows
    takeAway = splitRows[i];

    // detach and wrap in new page
    newPage = takeAway.detach()
                 .wrap( "<div data-role='page' id='some"+i+"'><div data-role='content'><table id='" + tableId + "'></table></div></div>" )
                 .closest('div:jqmData(role="content")')
                 .prepend('<div data-role="header"><h1>hello</h1></div>')
                 .parent()
                 .appendTo( $.mobile.pageContainer);
    }

質問:
2 つの行を含むテーブルを含むネストされたページではなく、テーブルとこの行のみを含む各行のネストされたページが表示されます。誰が私が間違っているのか教えてもらえますか?

for ループは 3 回実行されます。これは正しく、takeAway 変数も 2,2,1 行を正しく取得しますが、その後何か問題が発生しています...

編集:まだ試しています...それぞれがラップされ、...それぞれがどこにも指定されていない2つの要素を持つ新しいオブジェクトを作成するスライス
に関連しているに違いないと思います...だから私は私の質問を作り方に変えます一度に複数の要素をラップしますか?

4

1 に答える 1

0

わかった... 複数の要素を 1 つのラップでラップするには、単に wrap() の代わりにwrapAll()を使用します。

于 2012-02-21T17:12:11.037 に答える