android - jquery モバイルの onclick 関数が期待どおりに機能しない

Question

one次のdiv をクリックすると、アラートが 10 回表示されます。deals_list.length=10

function test_this(f)
{
    alert("this");
}

function load_div()
{
   var html = '';
   for (var i = 0; i < deals_list.length; i++) {
     html += '<div class="list" onclick="test_this('+deals_list[i]["id"]+');" id="'+deals_list[i]["id"]+'">..</div>';

   $("#flow").append(html)

   }
}

Answer 1

上記のコメントを完了するには、load div 関数に問題があるためだと思います。これが私のやり方です。

 // bind your function to div.list
 $( '.list' ).live( 'click', test_this );

 // your test function gets event object and ui
 function test_this( event, ui ) {
   // do whatever you want onclick
 }

 function load_div() {
    var html = '';
    for (var i = 0; i < deals_list.length; i++) {
       html += '<div class="list" id="'+deals_list[i]["id"]+'">..</div>';
    }
    $("#flow").append(html);
 }