CSS "float：none;" Javascriptの機能「ng-click」を防止しますか？

Question

これは特有の問題です。
"float：none;" Javascript（ng-click）の実行を防ぐようです。

new.html.haml（ここで "フロート：なし;" を持っている）

.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 

共有/ _menu.html.haml（ "NGクリック" がある）

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

どこからでも「共有/メニュー」がレンダリングされるため、toggle_menu（）メソッドはapplication_controller.js.coffeeで宣言されています。これは、sample_1_controllerよりも大きなスコープを持ちます。

application_controller.js.coffee（ここで、 "toggle_menu（）" がある）

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

今、我々は準備ができている...
私は "フロート：なし;" を削除すると、コンソール出力は「クリック!!!! "。
"float：none;"を残した場合、コンソールは "Clicked !!!!"を出力しません。

奇妙な....

Answer 1

要素を検査し、いくつかの他のdivはボタンが重複する可能性がある、したがって、ボタンが全くクリックされ取得されない場合があります。