Javascript 主干事件未在单击时触发-未正确指定事件？

在此主干视图中，视图正在初始化，但当单击带有“.insert link”类的按钮时，不会触发insertLink事件。我是否缺少与绑定事件有关的内容

MyView.Show = Backbone.View.extend({

  events: {
    "click .insert-link": "insertLink"
  },

  initialize: function(options) {
    _.bindAll(
              this,
              "insertLink"
              );
  },

  insertLink: function(e){
    console.log("triggered at last!");
  }
});

这是DOM的相关部分：

<div id="insert_link">
    <a href="#" class='insert-link btn btn-mini' data-landing-page-id="<%= current_user.default_landing_page_id.to_s %>">
        Insert Link
    </a>
</div>


  <script type="text/javascript">
  $(function(){
    new MyView.Show({
      el: $('#insert_link')
    });
  });
  </script>

$（函数（）{
新MyView.Show({
el:$（'插入链接'）
});
});

您的代码在隔离状态下按预期工作（）

这意味着您的问题更可能是：脚本加载顺序错误，使用旧版本的脚本，或者代码在完全访问dom之前执行

---

检查所有这些内容，如果您仍然有问题，也许您可以提供更多详细信息/代码。

您的dom是什么样子的？嗨，Trunal，我添加了DOMOPS-好的，el现在存在吗？是否需要在javascript文件中显式设置el？您在这里有一个id为的元素

div id=“insert\u link”>

并且您正在将事件附加到类

“click.insert link”：“insertLink”

var MyView = {};

MyView.Show = Backbone.View.extend({

    events: {
        "click .insert-link": "insertLink"
    },

    initialize: function(options) {
       _.bindAll(
          this,
          "insertLink"
          );
    },

    insertLink: function(e){
        console.log("triggered at last!");
    }
});

$(function(){
   new MyView.Show({
     el: $('#insert_link')
   });
 });