文档更改会使某些功能失效

Question

原谅邋code的代码 - 这是一个原型，我稍后会简化它。我已经包含了整个文件，因此您可以在上下文中查看问题。

问题虽然很简单：

$(document).on("click", "#submit-geqqo", function () { ...工作正常。然而，它似乎使$(document).on("click", ".favorite-status", function ()之类的函数无法完成其全部工作，或者完全无效。

我假设文档树中的某些更改导致其他功能出错。

如何在更换内容时使所有功能都能访问该文档？

代码：

(function ($) {
    "use strict";

    $(function () {

        $(document).on("click", "#submit-geqqo", function () {

            var data = {
                action: 'geqqo_ajax',
                geqqo_new: tinymce.get('geqqo-new').getContent()
            };

            $.post(ajaxurl, data, function (response) {
                //alert(response);

                tinymce.get('geqqo-new').setContent('');

                $('#geqqo-editor').modal('hide');

                $('#geqqo-editor').one('hidden.bs.modal', function (e) {
                    $('#timeline').prepend(response);
                    $('#timeline').children(":first").hide().show('blind');
                    $('.comment-form input[type=submit]').addClass("btn btn-primary btn-lg btn-block");
                });

            });

        });

        $(document).on("click", ".delete-status", function () {
            var id = $(this).data("delete-status");

            var data = {
                action: 'geqqo_ajax',
                geqqo_delete: id
            };

            $.post(ajaxurl, data, function (response) {

                $('#geqqo-status-' + id).effect('blind', function () {
                    $(this).remove();
                });

            });
        });

        $(document).on("click", ".comment-remove", function (event) {

            event.preventDefault();

            var comment_id = $(this).data("delete-comment");

            var data = {
                action: 'geqqo_ajax',
                comment_id: comment_id
            };

            $.post(ajaxurl, data, function (response) {

                var rjson = $.parseJSON(response);

                $('#comment-' + rjson['comment_id']).effect('drop', {
                    direction: 'up'
                }, function () {
                    $(this).hide('fold').remove();
                });

            });
        });

        $(document).on("click", ".favorite-status", function () {
            this.blur();
            var id = $(this).data("favorite-status");
            var toggle = $(this).data("favorite-status-toggle");

            var data = {
                action: 'geqqo_ajax',
                geqqo_favorite: id,
                toggle_fav: toggle
            };

            $.post(ajaxurl, data, function (response) {

                var rjson = $.parseJSON(response);

                var border = 'transparent';
                var background = 'transparent';
                var color = '#aaa';

                if (rjson['toggle'] == 0) {
                    border = '#DDDDDD';
                    background = '#fff';
                    color = '#E87600';
                }

                $('#fav-' + rjson['fav_id']).animate({
                    color: color,
                    backgroundColor: background,
                    borderBottomColor: border,
                    borderTopColor: border,
                    borderLeftColor: border,
                    borderRightColor: border,
                }, 700);

            });

            var fav_count = $('#geqqo-favorite-count-' + id).html();

            if (toggle == 1) {
                $(this).data("favorite-status-toggle", 0);
                $('#geqqo-favorite-count-' + id).html(+fav_count + 1);
            } else {
                $(this).data("favorite-status-toggle", 1);
                $('#geqqo-favorite-count-' + id).html(+fav_count - 1);
            }

        });

    });

}(jQuery));