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

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)&nbsp;{ &nbsp;&nbsp;e.preventDefault();});这将防止<form>提交。