javascript - 反转对象如何耦合到其他对象的事件

Question

我目前有一个对象，volumeSlider，它受其他两个控件事件的影响：

var volumeSlider = $('#VolumeSlider');

$('#MuteButton').on('mouseenter', function() {
    volumeSlider.fadeIn('fast');
}

$('#Controls').on('mouseleave', function() {
    volumeSlider.fadeOut('fast');
}

我想反转这一点，以便 volumeSlider '监听' MuteButton 和 Controls 上的事件，而不是被告知响应它们。这可能吗？就像是：

//Pseudo-Code:
volumeSlider.on('#MuteButton.mouseenter'){
    this.fadeIn('fast');
}.on('#Controls.mouseleave'){
    this.fadeOut('fast');
}

jQuery 的http://api.jquery.com/bind/在这里有用吗？

Answer 1

这里有一个建议：

volumeSlider.on('dosomething', function(e) {
    $(this).fadeIn('fast');
});

$('#MuteButton').on('mouseenter', function(e) {
    volumeSlider.trigger('dosomething');
}