jquery - jQuery单击+如果+绑定

Question

如果搜索字段为空值，我正在尝试显示工具提示。显示工具提示后，我想将单击功能绑定到正文以再次隐藏工具提示。但是由于某些原因，将绑定命令添加到单击功能后，甚至不会出现工具提示。我已经检查了控制台，但没有任何结果。这是我的代码：

$('#search_top .search_click').click(function() {
    if($('#search_top #suchfeld').val() == '') {
        $('.search_tooltip, .search_tooltip:after').css('display', 'block');
        $('.search_tooltip, .search_tooltip:after').addClass('active');
        $('body').bind('click', closeTip);
    }
    else {
        $('#search_top').submit();
    }
});


function closeTip() {
        $('.search_tooltip, .search_tooltip:after').css('display', 'none');
}

有人有想法吗？

Answer 1

我不会使用这种代码，但似乎是您正在寻找的：

$('#search_top .search_click').click(function (e) {
    e.stopPropagation();
    if ($('#search_top #suchfeld').val() == '') {
        $('.search_tooltip').show().addClass('active');
    } else {
        $('#search_top').submit();
    }
});

$(function () {
    $('body').bind('click', closeTip);
});

function closeTip() {
        $('.search_tooltip').hide();
}

Answer 2

:before和:after（以及其他伪元素）无法通过 Javascript 访问。您应该按照以下精神更改父对象的类：

div:before {
  content: 'Lorem ipsum';
  display: none;
}

div.active:before {
  display: block;
}