javascript - 在 jquery on 或 javascript bind 中分配变量

Question

简短的问题，我怎样才能更有效地编写下面的代码，这样我就不会重复为父变量分配一个新值？

这个绑定(bind)函数和使用对象字面量一样吗？

function bindAuthorPopup() {
        $(".insight-author").on({
            mouseenter: function (event) {
                var parent = $(this).parent('div').find('.popup-content');
                parent.toggleClass('show');
            },
            mouseleave: function (event) {
                var parent = $(this).parent('div').find('.popup-content');
                parent.toggleClass('show');
            },            
        });
    }

Answer 1

你可以这样做:

function bindAuthorPopup() {
    $(".insight-author").each(function() {
        var elem = $(this);
        var parent = elem.parent('div').find('.popup-content');
        elem.on({
            mouseenter: function (event) {
                parent.toggleClass('show');
            },
            mouseleave: function (event) {
                parent.toggleClass('show');
            },
        });       
    });
}

即使回调不同，这仍然有效。如果它们始终相同，那么您可以使用 @sh1da9440 写的内容。