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