2016-08-23 82 views
0

這是一個奇怪的問題。
「float:none;」似乎可以防止執行Javascript(ng-click)。CSS「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 

由於「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 !!!!」。

怪異....

回答

5

檢查元素,一些其他分區可能會重疊的按鈕,因此按鈕可能無法獲得點擊的。

+0

謝謝你的建議!完全你是對的,我可以解決這個問題! – dosuken123