Jquery - 一个.click事件中的两个变量

Question

我有变量,其中包含多个函数.然后我想在.click事件中调用这些变量.一个工作正常,但我希望有两个,甚至更多.我怎样才能做到这一点？下面是我期望的代码.

var hideServices = function() {
            jQuery(".services-inner").css({"opacity": "0"});
            jQuery(".insignia-inner").css({"opacity": "0"});
            jQuery(".insignia-inner-text").css({"opacity": "0"});
};

var showMilitaryKit = function() {
            jQuery(".military-kit-inner").css({"opacity": "1"});
};

var showProperty = function() {
            jQuery(".property-kit-inner").css({"opacity": "1"});
};

    jQuery(".military-kit-hover").click(hideServices, showMilitaryKit);

    jQuery(".property-hover").click(hideServices, showProperty);

我确信我没有在最后一行的.click事件中合并我的变量,但我找不到任何关于我想要实现的文档.有没有人有一个适合我的调整？

Answer 1

用匿名函数包装两个调用:

jQuery('.military-kit-hover').click(function() {
    hideServices();
    showMilitaryKit();
});

如果需要保留事件对象this,请执行以下操作:

jQuery('.military-kit-hover').click(function(e) {
    hideServices.call(this, e);
    showMilitaryKit.call(this, e);
});