Question

我正在使用bootsnipp中的模板表单。问题是我无法将此表单中的点击事件委托给主干。这是我正在使用的模板：

<div class="container">
    <div class="row">
    <div class="span4 offset4 well">
      <legend>Please Sign In</legend>
            <div class="alert alert-error">
                <a class="close" data-dismiss="alert" href="#">×</a>Incorrect Username or Password!
            </div>
      <form method="" action="/login" accept-charset="UTF-8">
      <input type="text" id="username" class="span4" name="username" placeholder="Username">
      <input type="password" id="password" class="span4" name="password" placeholder="Password">
            <label class="checkbox">
              <input type="checkbox" name="remember" value="1"> Remember Me
            </label>
      <button type="submit" name="submit" class="btn btn-info btn-block">Sign in</button>
      </form>    
    </div>
  </div>
</div>

在我的骨干事件中，我有以下内容：

    events: {
  'click .span4 offset4 well form': 'login',      
 },

为什么我无法参加此活动？

使用控制台检查dom，我可以使用

捕获此按钮

$(".btn-block").click(function () {
    alert("here");
   });

所以我尝试将事件更改为此，但没有成功：

events: {
'click .btn-block': 'login'
}

更新：我认为发生的事情是这个特殊的观点与一个元素有关：

App.Directory = new App.Views.Directory({
   el: $('#display')
});

我已将登录表单放在这些标记之外，因此它没有引用它。我花了一整天的时间试图解决这个问题 - 令人尴尬。谢谢你的帮助

Backbone.js＆amp; twitter模板事件委托

0 个答案: