1

こんにちは、動的にリスト ビューを作成しています。クリックして特定の行のデータを取得し、次の手順に進みたいと考えています。私のコードは以下の通りです

function getList(tx, results){

                $('#DeliveryList').empty();
                var len = results.rows.length;
                for(var i=0; i <len; i++)
                {
                    var deliveryItems = results.rows.item(i);
                    var html = '<li data-role="list-divider">'+deliveryItems.DeliveryName+ ' | ' + deliveryItems.PrimaryName+' <span class="ui-li-count">Copay ='+deliveryItems.Total+'</span> </li><li><a><img src="Pending"/><h3>'+deliveryItems.Name1+'</h3><p>'+deliveryItems.Address+'</p><p>'+deliveryItems.City+' <b></b></p><p><strong>'+deliveryItems.ContactNumber+'</strong></p><a href="#PrescriptionPage" class="cls_btn" id="btn_list" onclick = "Prescription()" >Delivary Details</a></a></li>'; 
                    $('#DeliveryList').append(html).trigger('create'); 
                }
                $('ul').listview('refresh');
            }

私のhtmlファイルは次のようになります

    <div data-role="page" id="page3" >
        <div data-role="header">
                        <a href="#page1" data-icon="back">Back</a>
                        <h1>Heading</h1>
                        <a href="#Page2" class="ui-btn-right" type="submit" data-role="button" data-icon="home" data-theme="b" data-mini="true">Home</a>
                    </div><!-- /header -->
                    <ul data-role="listview" id="DeliveryList" data-inset="true" data-theme="d" data-divider-theme="b"> </ul>
</div>

誰でも私が結果を達成するのを助けることができますか? 前もって感謝します。

4

2 に答える 2

1

以下のコードでうまくいきました

$('ul').children('li').on('click', function () {
                                         alert('Selected Name=' + $(this).text());
                                          });
于 2013-04-19T07:47:00.427 に答える