Question

我通过转义按钮来隐藏搜索容器，但是存在问题。按下转义按钮后，.spr-container .sprsearch-form和ico search会自动隐藏。如何让它仍然活跃而不再隐藏？

代码：

$(document).keyup(function(event) { 
    if (event.keyCode == 27) {
      $('#sp_search_pro_1').slideToggle('fast');
      $('#spr-container').slideToggle();
      $('#sp_searchpro').slideToggle();
      $('#top1e_content_result').slideToggle();
      $('#suggest-list').slideToggle();
        if($('.spr-container .sprsearch-form').hasClass('active_form')) {
          $('.spr-container .sprsearch-form').removeClass('active_form');
        }
      }
    else {
        $('.spr-container .sprsearch-form').addClass('active_form');
    }

    if ($('.icon-search').hasClass('active')) {
        $('.icon-search').removeClass('active');
     } 
     else {
        $('.icon-search').addClass('active');
    } 
});

Answer 1

在你的if条件下删除课程。只要。分别使用hide show和条件

添加类的位置。链隐藏或显示方法

$（'。spr-container .sprsearch-form'）。addClass（'active_form'）。show（）;

哪里有删除类

.hide（）

假设在没有类
的元素上没有显示无

Answer 2

我用另一种方法解决了它，直接隐藏了搜索按钮。

$(document).keyup(function(event) {

        if (event.keyCode == 27) {


         if($('.spr-container .sprsearch-form').hasClass('active_form')){
                        $('.spr-container .sprsearch-form').removeClass('active_form');
           }


  if($('.icon-search').hasClass('active')){
                        $('.icon-search').removeClass('active');

} 
});

通过转义按钮隐藏搜索容器

2 个答案: