的Javascript，使用外部脚本自己的脚本

Question

我的问题是这样的：

我想用https://github.com/olivier-m/minislate为我的项目的一部分。在Github上的README告诉注入下面的代码到网站，使用脚本，像这样：

<script src="js/minislate.js"></script> 
<script> 
    window.addEventListener('DOMContentLoaded', function() { 
     var editor = new Minislate.simpleEditor('#editable'); 
    }); 
</script> 

但我不得不用我自己的脚本的一部分，而不是实际的网站 - 我只是想保持它分离。

这就是我目前有：

而不是我用require.js：

requirejs(["./libs/minislate.min"]); 

在另一个脚本

define([], function() { 

    var EditTexUtil = function (iframe, keyWord) { 

     this.addWYSIWYGInterface = function() { 

      var $editableElements = $(iframe).contents().find(keyWord); 

      $editableElements.each(function() { 
       var editor = new Minislate.simpleEditor($(this)); 
      }); 
     } 
    } 

    return EditTexUtil; 
}) 

正如你所看到的，我modifyig一些IFRAME内部内容取决于关键字。发生 以下错误：

未捕获的ReferenceError：Minislate没有定义

那么如何解决这个问题？ 我想我错过了一般的东西，这就是为什么我在这里问。

Answer 1

如果Minislate需要我们其他的脚本来解决，你必须使用需要没有定义RequireJS的功能：

require(['./libs/minislate'], function (Minislate) { 

    //this part will run when minslate.js is loaded and parsed, hence Minislate is defined 
    //other code goes here 

})