JQUERY Click函数在javascript文件中不起作用

Question

点击函数的 JQUERY 在 WordPress AJAX 调用的 JavaScript 文件中不起作用。 click 函数之外的函数 alert() 正在工作！但里面没有。但是 AJAX 调用的一切设置都正常，脚本文件在网页中正确调用。

var columnfiltertext, column_filter_number;
jQuery(document).ready(function(){
  //jQuery('span.filter-option').on('DOMSubtreeModified',function(){
  jQuery('span.filter_column.filter_select').click(function(){
    alert("okay");
    column_filter_number = jQuery(this).attr("data-index");
    columnfiltertext = jQuery(this).find("span.filter-option").text();
    if(columnfiltertext)
    {
      if(columnfiltertext != " ")
      {
        //document.cookie = "columnfiltertext= ; expires = Thu, 01 Jan 1970 00:00:00 GMT";
        //setCookie("columnfiltertext", columnfiltertext , 1);
        //alert("Cookie is: " + getCookie("columnfiltertext"));
        if(column_filter_number)
        {
          alert(column_filter_text); 
          //alert(column_filter_number);
        }
      }
    }
    jQuery.ajax({
      url: example_ajax_obj.ajaxurl,
      data: {
        'action': 'example_ajax_request',
        'fruit' : fruit,
        'nonce' : example_ajax_obj.nonce
      },
      success:function(data) {
        // This outputs the result of the ajax request
        //console.log(data);
        alert(data);
      },
      error: function(errorThrown){
        //console.log(errorThrown);
        alert(errorThrown);
      }
    });  
  });
});

文件名：simple-ajax-example.js

Answer 1

如果您的 alert("okay") 无法访问，那么您的选择器（即jQuery('span.filter_column.filter_select')）可能没有返回任何内容。如果它返回任何内容，您可以在浏览器控制台中尝试，如果您的 DOM 已经呈现，则在控制台中通过 jQuery('span.filter_column.filter_select')。