Jquery - 使用按钮提交表单

Question

我有这个表格：

<form role="search" method="get" class="search-form" action="/" name="sform">
    <div class="search-box">
        <input type="text" name="s" class="prac-area-search" />

        <input id="sbutton" type="button" />

    </div>
    <div class="search-hidden-btn"><input type="submit" id="ssubmit" class="search-submit screen-reader-text" value="Search"></div>

</form> 

。提交按钮是隐藏的，我想在单击#sbutton 按钮时提交表单。 由于某种原因，当我单击按钮#sbutton时没有提交表单@

这是我试过的jquery代码：

<script>
$('#sbutton').click(function(){
  $('form[name=sform]').submit();
});
</script>

Answer 1

我了解您的问题，在您使用 jquery 在 DOM 元素上创建 Handler 之前，您需要等待 DOM 准备好。

试试

$(document).ready(function(){
        $('#sbutton').click(function(){
          $('form[name=sform]').submit();
        });
});

更新

在 Wordpress 中，jQuery.noConflict() 在它包含的 jQuery 文件上被调用（滚动到它包含的文件底部让 jQuery 看到），这意味着 $ 不起作用，但 jQuery 可以。