1

アルファベットをグリッド ビューで表示しています。各アルファベットをクリックするたびに、そのアルファベットに対応する単語を表示する必要があります。そのためには、各アルファベットの位置を取得できるため、データを取得または渡すにはどうすればよいですかデータベースから？

これがそのスクリーンショットです

ここに画像の説明を入力

そのグリッド ビューのコードは

var a2zArray =['A','B','C','D','E','F','G','H','I','J','K','L ','M','N','O','P','Q','R','S','T','U','V','W','X', 'Y','Z'];

$(document).ready(function()
{
    createA2ZGrid();
});

function createA2ZGrid(){
var rowElem='';

for (var i=0; i < a2zArray.length; i++){
    rowElem = rowElem +" "+ "<label id='elementId' onclick=onClicked('"+a2zArray[i]+"')>" + a2zArray[i] + "</label>";

}
         $("#A2Z-GridId").html(rowElem);
}

function onClicked(element){
alert("Onclicked : "+element);

};

html から js に引数を渡すにはどうすればよいですか?

4

1 に答える 1

0

phonegap を使用している場合は、ヘッダーの index.html ページで jquery mobile に飛び込む必要があります (または phonegap のドキュメントを参照してください)。

<script type="text/javascript" src="js/cordova-2.5.0.js"></script>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery.mobile-1.1.0.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="js/webtoolkit.base64.js"></script>
<script type="text/javascript" src="js/MacAddress.js"></script>
<script type="text/javascript" src="js/your_own_javascript.js"></script>
<link rel="stylesheet" href="css/jquery.mobile-1.1.0.min.css" />

あなたのコードのために：私はこれをテストしました：

<label id='elementId' onclick="onClicked('Test')">test</label>

そしてあなたのjavascript.js（またはscriptタグのhtmlコード）で：

function onClicked(element){
    navigator.notification.alert("Onclicked : "+element);

};

そしてこれはうまくいきます

あなたのコードを見る限り、関数を囲む引用符がありません

"<label id='elementId' onclick=onClicked('"+a2zArray[i]+"')>" + a2zArray[i] + "</label>"

結果として

<label id='elementId' onclick=onClicked('something')>something</label>

それは次のようになります。

<label id='elementId' onclick="onClicked('something')">something</label>

これはうまくいくはずです：

"<label id='elementId' onclick='onClicked('"+a2zArray[i]+"')'>" + a2zArray[i] + "</label>"
于 2013-06-20T10:33:21.943 に答える