javascript - Jquery Mobile - onclick 不起作用

Question

该功能在单击任何内容之前发生......例如

当我单击名称 ^ fdsa 时，例如，我需要弹出 id，但由于某种原因加载页面时会自动发生

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()。