jQuery点击+如果+绑定

Question

我想显示一个工具提示，如果一个searchfield得到一个空值。 显示工具提示后，我想要将点击功能绑定到正文以再次隐藏工具提示。但由于某些原因，将点击函数添加到绑定命令后，工具提示甚至不会出现。我已经检查过控制台，但没有任何结果。 这里是我的代码：

$('#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; 
}