如何在添加到剑道窗口的视图上检测 onClick 或单击事件

Question

我有一个剑道窗口弹出窗口，我会在某些事件被触发时打开它。在那个剑道窗口中，我使用 window.content(new View().el) 添加了一个视图。视图包含几个 div，其中一个具有 id leftarrow。 Onclick on div #leftArrow 我需要做点什么。但我无法检测到 onclick 事件。 我在视图中添加了单击事件侦听器并为其提供了回调函数。当我在 click 上放置事件监听器断点时，事件正在触发，但不知何故它没有在视图中被监听。谁能告诉问题出在哪里？？

/*This is the controller file where I have created the kendo window and added view in it*/ 
var window = uiLayer.extWindow({
                elem : $('#popUp'),
                actions:["Close"],
                modal: true,
                animation: false,
                resizable: true,
                close: that.onClose,
                width: "95%",
                height: "95%",
                minHeight : "35%",
                minWidth : "60%",
                position:{
                    top:"1%",
                    left:"1%",
                    height:"100%",
                    width:"100%"

                }
              });
            window.open();
            window.content(new PopUpScrollLayoutView(this).el);
/*This is the view in which I have added various templates which contain the div #leftArrow . I have added click event in the events and given it a callback method. 
*/
  PopUpScrollLayoutView = Marionette.LayoutView.extend({

            initialize : function(options){
                console.log("Initialising EventContentView");
                console.log(options.getAllWidgets());
                var allWidgets = options.getAllWidgets();
                this.render(allWidgets);

            },
            events: {
                "click #leftArrow":"leftArrowClicked"
            },

            tagName: "div",
            className: "scrollContent",
            regions : {
                leftArrow : "#leftArrow",
                mainArea : "#mainArea",
                rightArrow : "#rightArrow",
                footer : "#footer"
            },
            render : function(allWidgets){
               this.$el.append(template());
                this.$el.append(mainAreaTemplate());
                this.$el.append(FooterAreaTemplate());
            },
          leftArrowClicked:function(e){
                console.log("Inside left arrow");
            }
    });

Answer 1

您可以为此目的使用 jQuery：

$("#leftArrow").click(leftArrowClicked);