javascript - 输入栏几秒钟后消失

Question

JS Fiddle 链接 >> 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 并查看该框是否仍然隐藏。