Jquery Mobile - OnClick не работает

Question

Функция происходит перед чем щелкает ... , такие как

Когда я нажимаю имя^fdsa для exampmle, мне нужен идентификатор всплывал, но он автоматически происходит, когда страница загружается по какой-то причине

HTML

<ul data-role="listview" id="ccontent" data-inset="true"> 

</ul> 

JS

function getClubs() { 
    $.ajax({ 
     url: 'some url', 
     crossDomain: true, 
     type: 'post', 
     data: '', 
     success: function (data) { 
      $('#ccontent').empty(); 
      var json = jQuery.parseJSON(data); 
      for (var i = 0; i < json.length; i++) 
      $('#ccontent').append('<li><a href=\"#\"+onclick=\"' + getData(json[i].id) + '\" rel="external">' + json[i].name + '</a></li>'); 
      $('#ccontent').listview('refresh'); 
     }, 
    }); 
} 

function getData(id) { 
    $('#clubcontent').append ('<li>'+id+'</li>'); 
    $('#clubcontent').listview('refresh'); 
}; 

Answer 1

Я думаю, что это то, что вы ищете:

$(document).on('click', '#ccontent li a', function() { 
    getData($(this).data('club-id')); 
}); 

function getClubs() { 
    $.ajax({ 
     url: 'some url', 
     crossDomain: true, 
     type: 'post', 
     data: '', 
     success: function (data) { 
      $('#ccontent').empty(); 
      var json = jQuery.parseJSON(data); 
      for (var i = 0; i < json.length; i++) 
      $('#ccontent').append('<li><a href="#" data-club-id="' + json[i].id + '" rel="external">' + json[i].name + '</a></li>'); 
      $('#ccontent').listview('refresh'); 
     } 
    }); 
} 

.on() используется вместо встроенного onclick события. club-id используется для хранения id, который используется в функции getData().