使用javascript或jquery取消隐藏搜索结果div而不单击按钮_Javascript_Jquery_Html_Css

使用javascript或jquery取消隐藏搜索结果div而不单击按钮

javascript jquery html css

使用javascript或jquery取消隐藏搜索结果div而不单击按钮,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我现在很沮丧。。。而且犯了很多错误。对此表示抱歉我一直在试图根据搜索结果取消隐藏一个特定的div 如果没有进行搜索，div就不应该出现，这对于css来说很容易，但是一旦搜索完成，我必须将样式更改为“block” 由于我使用的是谷歌自定义搜索javascript，因此很难将该按钮替换为另一个触发javascript函数的类似按钮我也不知道如何将“resultDiv”替换为更复杂的路径我已经完成了这个javascript函数，根据结果div隐藏了一个div css div样式位于#main.s

我现在很沮丧。。。而且犯了很多错误。对此表示抱歉

我一直在试图根据搜索结果取消隐藏一个特定的div

如果没有进行搜索，div就不应该出现，这对于css来说很容易，但是一旦搜索完成，我必须将样式更改为“block”

由于我使用的是谷歌自定义搜索javascript，因此很难将该按钮替换为另一个触发javascript函数的类似按钮

我也不知道如何将“resultDiv”替换为更复杂的路径

我已经完成了这个javascript函数，根据结果div隐藏了一个div

css div样式位于#main.section.widget.HTML

function check()
{
    if (document.getElementById('resultDiv')) {
      if ($('.gsc-expansionArea').is(":empty")) {
         document.getElementById('resultDiv').style.display = 'none';
      }
      else {
         document.getElementById('resultDiv').style.display = 'block';
      }
   }    
}

我认为可能有两种解决方案。首先是加载脚本

<body onLoad="check();">

但似乎不起作用

第二个是检查URL的？q=意味着搜索已经完成，但我不知道如何从URL获取这些参数

请帮助我。谢谢

更换

<body onLoad="javascript:check();">

与

既然您已经标记了：

您的函数check（）可能更像

function check() {
    if ($('#resultDiv').length) {
        if ($('.gsc-expansionArea').is(":empty")) {
            $('#resultDiv').css({'display': 'none'})
        }
        else {
            $('#resultDiv').css({'display': 'block'})
        }
    }
}

第二个是检查URL？q=意味着搜索已经完成，但我不知道如何从URL获取这些参数

使用

位置。搜索



您可以使用
$(document).ready(function()
{ 
  check();  
} 

在页面加载时加载函数。您还可以使用jQuery简化您的函数：
function check()
{
  var isEmpty= $('.gsc-expansionArea').is(":empty");
  $('#resultDiv').toggle(isEmpty);
}

切换的文档是。谢谢。我花了太多时间来修复它，jquery确实帮助我加快了速度
$(document).ready(function()
{ 
  check();  
} 

function check()
{
  var isEmpty= $('.gsc-expansionArea').is(":empty");
  $('#resultDiv').toggle(isEmpty);
}