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);
});

Answer 2

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

更多JQuery.click() documentation。

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

2 个答案: