Question

我用ajax加载内容，但之后我无法点击输入类型的无线电。

我已经阅读了很多内容，并将其更改为jQuery代码。但没有任何事情发生..

有人能帮助我吗？

$('#content').on('click change', 'input[type=radio]', function(event){
    event.preventDefault();

    $('#bet').fadeIn(300);


    var id = $(this).data('id');
    var tip = $(this).data('tip');
    var team = $(this).data('team');
    var quote = $(this).data('quote');
    var earnings = 0;
    var amount = $('#stake').val();
});

这就是Ajax Call

$.get('http://localhost/..../getGames?cat_id=' + cat_id, function(data){
        $('#content table.ui.table tbody').empty();
        $.each(data, function(index, gameObj){

            $('#content table.ui.table tbody')
                    .append('<tr><td>'+ gameObj.team1.name +'</td><td>'+ gameObj.team2.name +'</td><td>'
                    + '<div class="inline fields"><div class="field"><div class="ui radio checkbox">'
                    + '<input type="radio" name="game" data-id="'+ gameObj.id +'" data-team="'+ gameObj.team1.name +'" data-tip="1" data-quote="'+ gameObj.quote_1 +'">'
                    + '<label>'+ gameObj.quote_1 +'</label></div></div>'
                    + '<div class="field"><div class="ui radio checkbox">'
                    + quote_0 
                    + '<a href="">test</a>'
                    + '<div class="field"><div class="ui radio checkbox">'
                    + '<input type="radio" name="game" data-id="'+ gameObj.id +'" data-team="'+ gameObj.team2.name +'"  data-tip="2" data-quote="'+ gameObj.quote_2 +'">'
                    + '<label>'+ gameObj.quote_2 +'</label></div></div></div>'
                    + '<td>'+ gameObj.start_at +'</td></tr>');
           //console.log(subcatObj.id);
        });
    });

Answer 1

我认为代码没有错。你看到的问题可能在于：

event.preventDefault();

ajax调用后无法单击输入[type = radio]

1 个答案: