Question

我有一个Backbone.js网络项目，结构如下：

 ├───container
 │       container.html
 │       ContainerView.js
 │
 ├───home
 │       home.html
 │       HomeView.js
 │
 └───search
         houses-list-template.html
         search.css
         search.html
        SearchView.js
 index.html

index.html包含所有requirejs定义，例如：

 <script type="application/javascript">
requirejs.config({
    baseUrl: 'js',
    paths: {
        text: "requirejs-text-2.0.14",
        css: "css",
        jquery: "jquery-1.11.3.min",
        jquerycolor: "jquery.color",
        cookies: "js.cookie",
        q: "q",
        container:"../views/container/ContainerView",
        home: "../views/home/HomeView",
        search: "../views/search/SearchView",

我所有的子视图都是这样的：

 define([
"jquery",
"backbone",
'text!../views/container/container.html',    
"i18next",
"services",
"q"],
function ($,Backbone, view, i18n,services,Q) {

    var  ContainerView = Backbone.View.extend({
        // many methods
    });

   return ContainerView;});

现在，启动应用程序的脚本类似于

 define(["applicationdef"],function (Application) {

    if(window.application ===null || window.application === undefined){
        window.application = new Application({container: '#container'});
        window.application.start();
    }
});

在我的应用程序逻辑中，我有一个ContainerView，定义了附加和分离子视图。

现在，视图之间的导航由骨干路由器调解，它拦截URL更改并触发操作。触发操作，URL更改，ContainerView交换视图并放入另一个视图。随着ContainerView内部的内容发生变化，ContainerView.html上的requirejs-text钩子会触发我的依赖项的完全重载。

这是requirejs-text（版本2.0.14）中的代码（检查＆＃34;回调＆＃34;调用＆＃34;）。它会触发所有模块的完全重新加载，最终还会导致Application实例超出范围。这打破了我申请的所有状态。

  xhr.onreadystatechange = function (evt) {
            var status, err;
            //Do not explicitly handle errors, those should be
            //visible via console output in the browser.
            if (xhr.readyState === 4) {
                status = xhr.status || 0;
                if (status > 399 && status < 600) {
                    //An http 4xx or 5xx error. Signal an error.
                    err = new Error(url + ' HTTP status: ' + status);
                    err.xhr = xhr;
                    if (errback) {
                        errback(err);
                    }
                } else {
                    *******************************************   
                    *******************************************
                    *******************************************
                    *******************************************
                    *******************************************
                    *** the responseText is the content of containerview.html and it triggers a full reload of all the modules. 
                    callback(xhr.responseText);
                }

                if (masterConfig.onXhrComplete) {
                    masterConfig.onXhrComplete(xhr, url);
                }
            }

我在某处做错了吗？非常感谢。

requirejs不断重新加载我的所有依赖项

0 个答案: