javascript - CSS "float: none;"阻止了 Javascript 函数 "ng-click"?

Question

这是一个特殊的问题。
“ float :无；”似乎阻止了 Javascript 的执行(ng-click)。

new.html.haml(其中有“float: none;”)

.container{ng: {controller: 'sample_1_controller'}}
  %nav.bread.mgn
    %ol.breadcrumb
      %li crumb1
      %li crumb2
  = render "shared/menu"
  .content_left{:style => "float: none; margin: 0 auto;"}
    %form{:action => "", "ng-submit" => "verify_method($event)"}
      %div blahblahblah
      %button{:type => "submit"} Proceed

shared/_menu.html.haml(其中有“ng-click”)

.menu
  %a{'ng-click' => "toggle_menu()"} Menu
  %div blahblahblah

由于“shared/menu”是从任何地方渲染的，toggle_menu() 方法在 application_controller.js.coffee 中声明，它的范围比 sample_1_controller 更大。

application_controller.js.coffee(其中有“toggle_menu()”)

$scope.toggle_menu = ()->
  console.log "Clicked!!!!"

现在我们准备好了...
如果我删除“float: none;”，控制台输出“Clicked!!!!”。
如果我离开“float: none;”，控制台不会输出“Clicked!!!!”。

奇怪....

Answer 1

检查元素，其他一些 div 可能与按钮重叠，因此按钮可能根本没有被点击。