2015-08-09 69 views
-1

我有這樣的形式:jQuery的 - 提交表格按鈕

<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> 
+0

問題是什麼? –

+0

你的代碼有效,問題在哪裏? – LTasty

+1

您是否首先包含jquery庫? :\ –

回答

1

我理解你的問題,你的DOM元素上創建處理程序之前,使用jQuery你需要等待DOM準備就緒。

嘗試

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

UPDATE

在WordPress的jQuery.noConflict

()被調用了jQuery文件,它包括(滾動它包括jQuery的看到這個文件的底部) ,這意味着$不起作用,但jQuery的確。

+0

謝謝,嘗試它。出於某種原因它劑量工作...這是鏈接到網站sparke.co.il我在說的搜索欄在屏幕的頂部 – DavSev

+0

取代$與jQuery :) – LTasty