1

text! plug-inバックボーン プロジェクトの JavaScript テンプレートを読み込むために、require.js を使用しています。

ここに私の mini_signin.html

<script type="text/template" id="signinTemplate">
   <div class="cartheadertitle">Sign In
       //html of sign in element
   </div>
</div>

見る :

define(["jquery" , 
        "underscore" , 
        "backbone" , 
        "text!templates/User/mini_signin.html"],
        function($ , _ , Backbone , signinTemplate){
   var SignInView = Backbone.View.extend({
         el : $("#loginpanel"),
         initialize:function(){
            this.render();
            console.log("start");
         },
         render:function(){
            var signIn = _.template(signinTemplate, {})
            this.$el.html(signIn);
            console.log("stop");
         }
   });
   return SignInView;
});

ルーター:

 define([
'jquery',
'backbone',
'router',
'views/CartList'
 ] , function($,Backbone,Router , SignInView){
  var AppRouter = Backbone.Router.extend({
    routes: {
        "showCart": "cartList",
        "*actions": "defaultRoute" // Backbone will try match the route above first
    }
  });
  // Instantiate the router
  var app_router = new AppRouter;
  app_router.on('route:cartList', function (showCart) {
       var signInView = new SignInView();
       signInView.render();
       alert("test");
  });
  Backbone.history.start();
});

コンソールの結果:

stop
start
stop

alertルーターでは機能してsignInViewいますが、Chrome コンソールでエラーなしでレンダリングされませんでした。

この問題についてのアイデアは大歓迎です。ありがとう。

4

1 に答える 1