输入栏在几秒钟后消失

Question

JS小提琴链接＆gt;＆gt; JSFiddle

我的问题是下一个： 正如您在jsfiddle的代码中看到的，在我点击按钮后，输入栏显示。 问题是在我的网站上，在我点击一个按钮后，输入显示然后在几个秒后消失，一切都恢复，就像我点击之前一样。（输入消失，我有一个按钮点击）。所以如果我再次点击，整个事情就会四处走动。

还有代码：

  <input value="" name="s" id="s" type="text">
    <input id="searchsubmit" value="Search" type="submit">

$(document).ready(function(){
     $('#searchsubmit').click(function(){
         $('#s').show();
     });
   }); 

和

    #s{display:none;}

有没有办法让这个输入不被隐藏，并保持显示至少10秒？

谢谢。

Answer 1

在表单提交后，页面很可能会重新加载。这会重置你的盒子再次可见。尝试捕获表单提交事件并对其执行preventDefault，并查看该框是否仍然隐藏。