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

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

var volumeSlider = $('#VolumeSlider');

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

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

我想将其反转，以使volumeSlider“监听” MuteButton和控件上的事件，而不是被告知要响应它们。这可能吗？就像是：

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

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

最佳答案

这是一个建议：

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

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

关于javascript - 反转对象如何耦合到其他对象的事件，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11055657/