无法在点击显示按钮上进行搜索，并在关闭时隐藏

Question

我在点击搜索字段时尝试显示提交按钮，并且当字段关闭时我也试图隐藏它（位于主导航栏中的表单）...

这是我的代码：

$(document).ready(function(){
  $("#search-click").click(function(){
    $(".search-form .search-submit").css("display" , "block");
  });
});

根本不起作用......这是我的链接：http://dev.pixstreammedia.com.s150147.gridserver.com/system/

Answer 1

1.您没有显示正确的ID：您的按钮具有ID：search-submit-button并且您显示阻止其他元素但不是此ID，因此解决方案是将#search-submit-button添加到您的显示块功能

2.至于隐藏你可以做一个mouseleave，然后上课：search-form然后隐藏按钮。

Answer 2

试试这个：

http://jsfiddle.net/5UJ5U/1/

HTML：

<form>
    <input type="search" class="searchclick" placeholder="search">

    <input type="submit" class="sub" value="search">
</form>

JS：

$(".sub").hide();
$(document).ready(function(){
  $(".searchclick").click(function(){
    $(".sub").fadeToggle('fast');
  });
});

Answer 3

它正在工作按钮刚好藏在下面。同样在控制台中，$没有分配给jQuery，所以我直接手动使用你的jQuery代码片段。

jQuery(".search-form .search-submit").css("display" , "block");

在js控制台中键入该按钮以查看该按钮，但您只看到它的一小部分。