javascript - $(document).ready 和 jQuery(function($) 不起作用；jQuery 已定义，但脚本未输入 .ready 函数

Question

编辑:

Here is the full HTML 。太长了，直接贴在这里。我没有创建这个页面，我只是需要解决它的问题。

<小时/>

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

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

我也尝试过:

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

但警报从未发生。我已经在 Chrome 中使用调试器进行了单步调试。我点击 jQuery(function($)，我没有收到任何错误(实际上控制台显示了 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();
});

Answer 1

我会检查的一些事情:

• 确保在脚本之前引用 jquery .js 库
• 确保您的 $(或 jQuery，具体取决于您使用的内容)不与任何其他库冲突
• 在浏览器的 JS 控制台中检查其他 JS 错误(或其他消息)

我还会运行完整的 Markup page validation (也许会 trim 一些标记以降低复杂性)以查看是否存在一些明显的 HTML 错误，例如缺少结束正文标记或类似的内容。