3

テキストを使用した 1 つのビュー ( HomeView) レンダー テンプレートがあります。プラグイン。これはホームビューです:

var HomeView = Backbone.View.extend({
   initialize: function() {
        myCart.updateQtyLabel("qtyCart");
   },
   el: '#webbodycontainer',
   events : {
       "click #addToCart" :  function(){
           myCart.addToCart(newItem);
           myCart.updateQtyLabel("qtyCart");
           $("#containernewpromotion").html(promotionItem);
       }
   },
   render : function(){
       this.$el.html(homePanel);
       $("#containernewpromotion").html(promotionItem);
   }
});

これはhtmlテンプレートです:

<% var items = deserializeJSONToObj(localStorage.getItem("Cart"));%>
  <%  if(items != null){  %>
    <% var i = 0; %>
       <% _.each(items, function(item) { %>
          <% if (i < 4){ i++; } else { return false; }%>
          <div class="promotionColumn">
             <div class="itemImg">
                  <a href="#itemDetail"><img src="<%=WebConfig.PartImageBrand + item.PictureName%>" width="135px"/></a>
             </div>
          </div>
  <% }); %>
<% } %>

これはitemDetailビューです：

 var ItemDetailView = Backbone.View.extend({
    initialize: function() {
        alert("test");
    },
    render: function(){
        alert("test2");
    }
});

をクリックすると<a href="#itemDetail">、chrome consoleevent.returnValue is deprecated. Please use the standard event.preventDefault() instead.に 警告メッセージが表示され、動作alertしItemDetailViewません。

URL は表示されます/#itemDetailが、使用されているテンプレートはHomeView引き続きルーターに表示されitemDetailます。ブラウザで押すと、HomeViewコンテンツがページからドロップされます。itemDetailrefresh

これを引き起こしている可能性のあるアイデアを教えてください。ありがとう。

4

1 に答える 1

0

バックボーン ビューのイベント オブジェクトの構造は次のとおりです。

"events" : {
    "event selector" : "handler"
},
"handler" : function(){

}

イベント オブジェクトの値は文字列であり、関数ではありません。

于 2013-11-18T05:26:24.823 に答える