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

我理解你的问题，你的DOM元素上创建处理程序之前，使用jQuery你需要等待DOM准备就绪。

尝试

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

UPDATE

在WordPress的jQuery.noConflict

（）被调用了jQuery文件，它包括（滚动它包括jQuery的看到这个文件的底部） ，这意味着$不起作用，但jQuery的确。