搜索表单刷新页面而不是搜索值

Question

所以我的代码如下。每次我尝试使用该功能进行搜索时，它都会刷新页面。我在这里搜索了主题，但仍然无法弄清楚如何阻止它。我真的很感激这方面的一些帮助。        <link rel="stylesheet" href="searchstands.css">        <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>        <script type="text/javascript" src="bootstrap.js"></script>        <script type="text/javascript" src="searchstands.js"></script>        <script type="text/javascript">          $(document).ready(function() {            prepareSearch($('#searchBox'), {              'searchLine' : '.searchTarget div.product',              'searchSightPoint' : 'div.stand, span.apron, div.aircraft',              'fade' : true, //true or false              'contrastString' : false  //true or false            });          });        </script><div class="row" id="standsearch">            <form class="form-search" action="#standsearch">              <div class="input-append">                <input type="text" id="searchBox" class="span2 search-query" placeholder="Search">                <button type="button" class="btnsearch">Find                </button>              </div>            </form>          </div>          <center><div class="row">            <div class="searchTarget">              <div class="product span3">                <div class="stand">                  Stand 100                </div>                            <span class="apron">West Apron</span>                            <div class="aircraft">                  B748                            </div>                            <div>                  <img src="dhl.png" class="image">                </div>              </div>

Answer 1

单击按钮时，<form>将提交自身。您应该捕获并阻止该事件。

在$(document).ready()函数内部，添加：

$('#standsearch').submit(function(e) {
  e.preventDefault();});

这将防止<form>提交。