Backbone.js 放大弹出和主干事件：当我添加放大弹出代码时，视图消失

我试图为视图创建一个事件，当我单击标记时打开一个灯箱，但是当我添加放大弹出代码时，视图消失了

以下是我的html代码：

 <section class="feed"> 

     <script id="bookTemplate" type="text/template">

        <div class="book">

           <a href="<%= video %>" class="video">

               <span><img src="img/go.png" class="go"></span>
               <img src="<%= image %>"/>        
               <h2 class="bookTitle"><%= title %><h2>   

           </a>

        </div>      

    </script>

 </section>

我不知道问题是否与我的视图代码或放大弹出代码有关

---

谢谢

看起来像是语法错误

你有一套额外的大括号，它不应该出现在那里

这里的

弹出窗口

应该是

事件处理程序

，而不是

对象哈希

popUp: {

        function () {
            $('.popup').magnificPopup({
                 disableOn: 700,
                 type: 'iframe',
                 mainClass: 'mfp-fade',
                 removalDelay: 160,
                 preloader: false,
                 fixedContentPos: false
              });
         }
     }

应该是

popUp: function (e) {
         e.preventDefault();
         $('.popup').magnificPopup({
              disableOn: 700,
              type: 'iframe',
              mainClass: 'mfp-fade',
              removalDelay: 160,
              preloader: false,
              fixedContentPos: false
         });
      }

---

谢谢，现在app.BookView正在渲染。但我现在有另一个问题，当我点击标签访问带有youtube视频的灯箱时，点击动作不会显示灯箱。它什么也没做。它显示了一个错误：“加载资源失败”，因为我还没有创建路由器。问题与此有关？我已经知道问题出在哪里了。中的类与放大弹出代码中的类不同。

popUp: function (e) {
         e.preventDefault();
         $('.popup').magnificPopup({
              disableOn: 700,
              type: 'iframe',
              mainClass: 'mfp-fade',
              removalDelay: 160,
              preloader: false,
              fixedContentPos: false
         });
      }