遇到jquery的典型问题

Question

我在使用jQuery时遇到了典型的问题，按照下面的代码，只要我点击工具箱中的其他选择器，就会调用_hideIconChild（）。在调试过程中，它会转到_hideIconChild（）并执行它，但它不会隐藏溢出组件。如果我在控制台colorPickerComp.hide()中尝试它，它会隐藏。我不明白为什么它不能在函数中工作。任何人都是线索？

var colorPickerComp = $(".colorpicker");


/**
 * Hide anything that overflowing on the screen when clicked 
 */

function _hideIconChild() {
    colorPickerComp.hide();
       }

Answer 1

您实际上需要调用_hideIconChild函数：

Demo

var colorPickerComp = $(".colorpicker");

/**
 * Hide anything that overflowing on the screen when clicked 
 */

function _hideIconChild() {
  $(this).hide();
}

点击以隐藏它：

$(".colorpicker").click(_hideIconChild);