jquery手機主題上的按鈕在websql成功呼叫

我是jQuery手機和HTML5的新手。我創建了一個在WebSQL SQLite存儲上具有簡單CRUD操作的頁面。它運作良好。jquery手機主題上的按鈕在websql成功呼叫

在頁面上我有按鈕來插入和顯示信息（使用jQuery手機）..在這個按鈕上，它顯示正確的jQuery手機主題按鈕和文本框。但成功回調JavaScript時，當我呈現文本框和按鈕時，它顯示爲一個普通的HTML文本框和按鈕。

以下是我的代碼片段。

HTML：

<div id='riderResults'></div> 
<a href="javascript:void(0);" data-role="button" data-inline="true" data-mini="true" data-theme="b" onClick="displayRider()" name="display" id="display">Add Report</a>

的Javascript：

function displayRider(){ 
    db.transaction(function(tx) { 
    tx.executeSql("select * from riders", [], function(tx, result) { 
     riderdataset = result.rows; 
     for (var i = 0, item = null; i < riderdataset.length; i++) { 
     item = riderdataset.item(i); 
     var output=''; 
     output+='<div>' 
      +'<input type="text" value="'+item['riderName']+'" name="name'+i+' id="name'+i+'"/>&nbsp;' 
      +'<a href="javascript:void(0);" data-role="button" data-inline="true" data-mini="true" data-theme="b" onClick="updateRider('+i+')" name="update_rider" id="update_rider">Update Rider</a>' 
      +'</div>'; 
     } 
     document.getElementById('riderResults').innerHTML=output; 
    }); 
    }); 
}

請任何一個可以給我正確的方向，我錯了.. 感謝。

來源

2012-09-06 Tina Rathod

我有一個答案在這裏.. http://stackoverflow.com/questions/4952417/inserting-elements-into-the-dom-in-a -jquery - 基於移動頁面。需要觸發像這樣創建的元素：$（'＃myelement'）。html（'updated content'）。trigger（'create'）; –

我的建議是你去你的瀏覽器，並檢查由jquery-mobile創建的按鈕的元素，然後你複製該元素的標籤，並將其放入你的var輸出。因爲jquery-mobile會根據你告訴它的數據角色自動添加類到你的元素。

標籤應該是這樣的：

<a data-role="button" data-transition="none" data-theme="a" href="#id" data-corners="true" data-shadow="true" data-iconshadow="true" data-iconsize="18" data-wrapperels="span" class="ui-btn ui-shadow ui-btn-corner-all ui-btn-icon-left ui-btn-up-a"> 
    <span class="ui-btn-inner ui-btn-corner-all"> 
    <span class="ui-btn-text"> 
     Button 
    </span> 
    <span class="ui-icon ui-icon-tab ui-icon-shadow ui-iconsize-18"> 
     &nbsp; 
    </span> 
    </span> 
</a>

來源

2012-10-05 07:16:05

jquery手機主題上的按鈕在websql成功呼叫

回答

相關問題