0

我有以下 jQuery 代码，当我取出前 2 个$("body").on函数，即第三个函数时，它没有被触发所需的操作。( $("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
4

1 回答 1

-1

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

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

于 2013-09-24T23:21:38.773 回答