Question

我有以下jQuery代码，当我取出前2个$("body").on函数时，它没有被触发所需的操作，第三个是ie。（$("body").on("click", '.upvote', function(event){）被触发。当我把一切都放回去时，什么都行不通。

$(document).ready(function () {
    //function 1
    $("body").on("change", '.select', function (event) {
        $('.row.replace').empty();
        $('.row.replace').append("<br><br><br><br><p align='center'><img id='theImg' src='/media/loading1.gif'/></p><br><br><br><br><br><br><br><br>");
        var filter = $(this).find(":selected").attr("name");
        $.ajax({
            type: "POST",
            url: "/filter_home/" + filter + "/" + "TrendingNow" + "/",
            data: {
                'name': 'me',
                'csrfmiddlewaretoken': '{% csrf_token %}'
            },
            //dataType: "json",
            success: function (data) {
                $('.row.replace').html("mem");
            },
            error: function (xhr, errmsg, err) {
                alert(err);
            }
        }); //end ajax
        return false;
    }); //end onchange

    //function 2
    $("body").on("click", '.sorter', function (event) {
        $('.row.replace').empty();
        $('.row.replace').append("<br><br><br><br><p align='center'><img id='theImg' src='/media/loading1.gif'/></p><br><br><br><br><br><br><br><br>");
        var sort = $(this).attr("name");
        var filter = $('.select').find(":selected").attr("name");
        $.ajax({
            type: "POST",
            url: "/filter_home/" + filter + "/" + sort + "/",
            data: {
                'name': 'me',
                'csrfmiddlewaretoken': '{% csrf_token %}'
            },
            success: function (data) {
                $('.row.replace').html(data);
            },
            error: function (xhr, errmsg, err) {
                alert(err);
            }
        }); //end ajax
        return false;
    }); //end onclick

    //function 3
    $("body").on("click", '.upvote', function (event) {
        var x = $(this).attr("name");
        $.ajax({
            type: "POST",
            url: "/upvote/" + x + "/",
            data: {
                'name': 'me',
                'csrfmiddlewaretoken': '{{csrf_token}}'
            },
            dataType: "json",
            success: function (json) {
                var y = "vote-count" + x;
                $('i[class= "' + y + '"]').text(json.vote_count);

                //flip button
                $('.flip' + x).find('.card').toggleClass('flipped');
            },
            error: function (xhr, errmsg, err) {
                alert("oops, something went wrong! Please try again.");
            }
        }); //and ajax  
        return false;
    }); //end onclick   
}); //end ready

Answer 1

事件处理程序（函数1,2,3）都返回false。这会阻止事件冒泡DOM。我猜他们没有按预期触发，因为处理事件的第一个功能是停止传播。通过删除return语句来测试它。

或者，您可以尝试将委派的事件处理程序范围更接近目标。

事件处理程序没有被触发

1 个答案: