$(document）.ready和jQuery(function($）不工作;jQuery已定义，但脚本尚未定义;t进

编辑：

这是完整的HTML。太长了，我不能直接粘贴在这里。我没有创建这个页面，我只需要清理它的问题。

我正试图从$（document）.ready内部运行一个函数，因为我需要在函数运行之前完成DOM的加载，因为我正在绑定按钮。这就是我在脚本中的内容：

jQuery(function($) {
    alert('foo');
    SI.regionSelector.init();
});

我也试过：

$(document).ready(function(){
    alert('foo');
    SI.regionSelecter.init();
});

但警报从未发生过。我已经完成了Chrome中的调试器。我点击jQuery（函数（$），我没有得到任何错误（事实上控制台显示了jQuery的定义，所以我知道我的页面上有jQuery），然后调试器跳到jQuery函数的末尾，但它根本不会进入警报。

以下是完整的脚本：

var SI = SI || {};
SI.regionSelector = {
  settings: {},
  regions: [],
  init: function() {
    jQuery('a').click(function(e){ e.preventDefault(); });
    // Start the DOMSelection tool when a region is clicked
    jQuery('#region-selector .region').click(function(){
      targetRegion = jQuery(this);
      SetupDOMSelection();
    });
    // When saving, pull the values stored by the DOMSelection tool
    // and stuff them into hidden fields so they can be picked up on
    // the back end.
    jQuery('#region-selector .save').click(function(){
      jQuery('#site_ingestor_region_selector .btn.region').each(function(){
        var values = {};
        values.innerHTML = jQuery(this).data('innerHTML');
        values.xpath = jQuery(this).data('xpath');
        var id = jQuery(this).attr('id');
        var $hiddenInput = jQuery('input[name="'+id.replace('btn', 'form-region')+'"]');
        $hiddenInput.val(JSON.stringify(values));
      });
    });
    jQuery('.btn.edit').click(function() {
      jQuery('#site_ingestor_html_editor').css('display', 'block');
      jQuery('body').css('overflow', 'hidden');
      window.scrollTo(0, 0);
    });
    jQuery('.btn.cancel').click(function() {
      jQuery('#site_ingestor_html_editor').css('display', 'none');
      jQuery('body').css('overflow', 'scroll');
        });
      }
};
jQuery(function($) {
    alert('foo');
    SI.regionSelector.init();
});