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字段选择

回答

相关问题