Jquery字段選擇

<form> 
       <div class="content-search-block"> 
        <div class="search-bar"> 

         <div class="search-bar"> 

         <input type="text" class="form-control" id="dname" name="dname" value="" placeholder="Otsi töötajaid"> 
         <button type="submit" id="submit" class="icon"><i class="fa fa-search"></i></button> 

        </div> 
       </div> 
       </form>

所以我有這種搜索字段。這種在JS文件上的啓動（是在WP）但似乎我的腳本doesent加載提交按鈕？Jquery字段選擇

jQuery(document).ready(function(){ 
jQuery('#submit').click(function(){ 
var name = jQuery("#dname").val();

我想即使

jQuery(document).ready(function(){ 
jQuery('#submit').click(function(){ 
var name = jQuery("#dname").val(); 
jQuery.ajax({ 
url: '/wp-admin/admin-ajax.php', 
type: 'POST', // Adding Post method 
dataType: 'JSON',// Including ajax file 
data: {'action': 'do_search', 'dname':name}, // Sending data dname to post_word_count function. 
success: function(data){ // Show returned data using the function. 
alert(data); 
} 
}); 
}); 
});

爲什麼？腳本在列表中加載並加載。仍是虛無。。。

來源

2017-09-13 Martin Tee

HTTPS ：//stackoverflow.com/questions/6173238/jquery-event-not-firing – luxdvie

在你的代碼開三個div標籤，但你只有兩個div標籤

來源

2017-09-13 19:04:13

您需要防止默認表單提交關閉：

jQuery('#submit').click(function(e){ 
    ... 
    e.preventDefault(); 
    // or 
    return false; 
});

或使其

<button type="button" ...

來源

2017-09-13 19:18:35 Igor

我可以在那裏定義var名稱嗎？ –

我不明白爲什麼不 – Igor

Jquery字段選擇

回答

相關問題