jquery (jquery.mobile-1.1.0.min)、jquery モバイル (jquery.mobile-1.1.0)、phoneGap を使用しています。
queryWLSuccess では、すべてのリンクにはデータベースに従って一意の ID があり、ID を含む名前を転送すると、各リンクをクリックするとリンクの詳細が表示されます。href='#' (各リンク ID ='1'、ID='2'、... を正しく表示) を使用しなかったが、href='#'(各リンク ID を表示 = '2', ID='2',ID='2',... すべてのリンクに同じ ID)
この奇妙な行動のために何が起こっているのでしょうか? 他の外部ページに移動するには? クリックすると別のページに移動する必要があります。
JS ファイル
---DATABASE---
function queryWLDB(tx) {
tx.executeSql("SELECT * FROM WORD WHERE Level='"+ sessionStorage.StudyLevel +"'ORDER BY Word_ID" , [], queryWLSuccess, errorCB);
}
function queryWLSuccess(tx, results) {
var len = results.rows.length
for (var i=0; i<len; i++){
$("<li class='content'><a ***href='#'*** name='"+results.rows.item(i).ID+"'>"+results.rows.item(i).Eng+"</a></li>").appendTo(".wordList");
}
}
---JQUERY MOBILE---
$( document ).delegate("#list", "pageshow", function() {
$('.content').remove();
onDeviceReady();
db.transaction(queryWLDB, errorCB);
});
$("li.content a").live('click', function(){
alert("ID = "+$(this).attr("name"));
});
INDEX.HTML ワードリスト ページ
<div data-role="page" id="wordList">
<div data-role="content">
<ol class="list">
</ol>
</div>
</div><!-- WordList page -->