JQuery中超出了最大调用堆栈大小

Question

我最近正在创建一个带有JQuery的UI系统，其中包含来自JQuery的其他HTML页面.load()

代码看起来像这样：

load.js

function loadScript (url, callback) {
    var script = document.createElement('script');
    script.src = url;
    script.onload = callback;
    document.head.appendChild(script);
}
Object.prototype.loadHTML = function (dir) {
    $(this).load(dir);
}
(function () {
     var apps = ['some_application']; //This is where, I list my apps.
     for (var x=0;x < apps.length;x++) {
         loadScript('apps/' + apps[x] . '/init.js');
     }
})();

some_application / init.js

(function () {
    var x = system.createApplication({'title':'Some Application'}) //This function works fine, I have tried and It returns a HTML DOM.
    x.loadHTML('apps/some_application/html/main.html'); // This file exists.
})();

我收到错误说

  

未捕获RangeError：超出最大调用堆栈大小

在档案jquery-1.12.0.min.js:3中。 提前谢谢。