-1

私はjQueryモバイルを使用しており、mysqlデータベースに接続してJSON配列に出力するサーバー側のphpスクリプトを呼び出すjavascriptから生成されたアイテムのリストを持っています。それは完全に機能します。例は次のとおりです。

$(document).ready(function(){
var url="http://www.mysite.com/json.php";
$.getJSON(url,function(json){
var output='<ul data-role="listview">';
$.each(json.menu,function(key,val) {
    output+='<li>';
    output+= '<a href="#menuitem" onclick="showItem(' + val.menu_title + ')">';
    output+='<h3>' + val.menu_title + '</h3>';
    output+='<img src="' +val.menu_img +'" />';
    output+='<p>' +val.menu_desc + '</p>';
    output+= '</a>';
    output+='</li>';
});
output+='</ul>';
$('#menulist').html(output);
});
})

必要なのは showItem 関数です。リスト ビュー内の 1 つのアイテムをクリックすると、その情報が、その 1 つのアイテムの詳細を示す動的に作成されたページに渡されます。簡単な答えがあることを願っています。私はいくつかの異なることを試しましたが、どれもうまくいきません。どんな助けでも大歓迎です。

4

1 に答える 1

0

サーバーからさらに情報を取得する必要があります。動的に作成されたページを表示して、1 つの項目の詳細を表示したい場合は、何らかのタイプのID.

  1. IDコードの 7 行目(a タグの開始部分を作成した場所)に を追加し、そこに id を追加することをお勧めしますhref。onclick
  2. 次に、a tag発言にクラスを追加しますdetails
  3. 最終結果は次のようになります。

output+= '<a class="details" href="#itemid-' + val.itemid + '">';

最後に、次の jQuery を追加します。

$( '#menulist' ).on( 'click', '.details', function () {
    // Whatever your navigation is, it should go here
    // Eg: window.location = this.href;
});`
于 2013-02-11T05:46:37.343 に答える