javascript - 加载脚本后的回调在警报之前起作用，而在我删除警报时不起作用

Question

首先，我加载了一些脚本。然后，一旦它们被加载，我就将这些脚本绑定(bind)到相关对象。当我有 alert() 语句时一切正常，而当我没有时失败(即 jEditable 不绑定(bind))。

// Load two scripts, execute editor_callback when both are loaded
$(document).ready(function() {

  var scripts = 0;

  var update_scripts = function() {
    scripts++;
    if (scripts == 2)  {
      editor_callback();
    }
  };

  // Load jEditable
  $.getScript('js/jquery.jeditable.min.js', update_scripts());

  // Load Elastic textareas (if needed)
  if (!jQuery().elastic) {
    $.getScript('js/jquery.elastic.js', update_scripts());
  }
  else {
    update_scripts();
  }

});

function editor_callback() {

  //alert ("In editor_callback()");

  $('.edit_area').editable('editable/update', { 
      type      : 'textarea',
      cancel    : 'Cancel',
      submit    : 'OK',
      indicator : 'Saving...',
      tooltip   : 'Click to edit...'
  });

  $('textarea').live("click", function() {$(this).elastic()});
}

Answer 1

这是因为您正在立即执行函数，而不是等待脚本加载。

删除 update_scripts 之后的 ()，这样它将指向 update_scripts 函数，而不是 < strong>立即执行。

你的代码应该是这样的

$.getScript('js/jquery.jeditable.min.js', update_scripts);

至于为什么在代码中添加alert 有效:alert 暂停了当前代码执行，所以下一行(.editable)正在等待警告框关闭，此时脚本已加载。