Wordpress AJAX，Jquery部分发送数据但PHP函数不运行

Question

以下是当有人单击标签元素时调用ajax函数的jQuery部分。我想要做的是从标签元素中获取数据值，将其传递到php函数中，并使用传入的字符串变量运行php函数。 Jquery部分工作正常，我可以发送数据值，但PHP函数甚至没有运行，不知道我做错了什么。

$(function(){ 
    $('#catFilter a').on('click', function(e){ 
    e.preventDefault(); 
    $(this).fadeOut(300); 
    var x = $(this).attr('data-slug'); 
    var ajaxurl = '<?php echo admin_url('admin-ajax.php'); ?>'; 

    $.ajax({ 
    url: ajaxurl, 
    type: 'post', 
    data: {data: x, action: 'filter'}, 
    success: function(data, status) { 
     console.log(x); 
    }, 
    error: function(xhr, desc, err) { 
     console.log(xhr); 
     console.log("Details: " + desc + "\nError:" + err); 
    } 
    }); // end ajax call 
    }); 
}); 

而PHP部分，我想将数据值从A标记元素添加到PHP数组中，然后使用传入的参数运行该函数。

function filter(){ 
    $x = $_POST['data']; 
    array_push($needleArray, $x); 
    post_filter(); 
    die(); 
} 
add_action('wp_ajax_filter', 'filter'); 
add_action('wp_ajax_nopriv_filter', 'filter'); 

Answer 1

wordpress使用jQuery noConflict模式，以避免与其他可能使用符号$的JavaScript库冲突。 您需要从此改变：

$(function(){ 
    // your code 
}); 

要这样：

jQuery(function($){ 
    // your code 
}); 

这是使用jQuery的安全方法。 https://developer.wordpress.org/reference/functions/wp_enqueue_script/#user-contributed-notes