Question

我在页面上使用html和jquery。

在我的html中，我有一个按钮，当点击它时会触发一个功能。

当页面加载时，我在文档就绪中调用main函数。这是我的代码

<script>
      $(document).ready(function () {
        main();

      });
      function main(){
             //some code goes here
      }

      function search(){
           //some logic
      }
</script>

<div>
  <button id="btnSearch" onclick="search()" >Search</button>
</div>

但是当我点击按钮然后它进入main函数并在其中执行代码。为什么？它应该只调用函数搜索而不是其他任何东西。我做错了什么？

Answer 1

默认情况下BUTTONS的类型为SUBMIT，请尝试使用

<button type="button" id="btnSearch" onclick="search()" >Search</button>

Answer 2

这对我来说很好。见演示

＆＃13;

      $(document).ready(function () {
        main();

      });
      function main(){
      		  //some code goes here
      			alert('main');          
      }

      function search(){
           //some logic
           alert('search');
      }

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <button id="btnSearch" onclick="search()" >Search</button>
</div>

＆＃13;

按钮导致页面重新加载

2 个答案: