2012-02-21 46 views
0

我有一個對象,我正在填充包含兩個表格行的對象。每個「子對象」都應該從原始表中分離出來,並「放入」一個我正在創建的新表中,該表應該位於JQM表子頁面中。如何在Jquery/Jquery Mobile中創建分離錶行中的嵌套頁面?

五月樣本包含一個包含5行的表格,我想將其分成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); 
    } 

問:
我沒有得到嵌套頁面包含兩行的表,但嵌套頁每一行有一張桌子和該行只要。誰能告訴我我做錯了什麼?

for循環運行三次,這是正確的,外賣變量也得到正確的行2,2,1,但隨後事情錯了......

編輯:
仍在努力。 ..我認爲它必須與切片創建一個新的對象與2個元素,其中每個被包裝和...只有每個都沒有指定任何地方......所以我會改變我的問題,如何做包裝多個元素一次?

回答

0

知道了......要將多個元素包裝在一個包裝中,請使用wrapAll()而不是簡單的wrap()。