CSS "float: none;"阻止Javascript函数"ng-click&quo

CSS "float: none;" prevents a Javascript function "ng-click"?

本文关键字：quot 函数 ng-click quo Javascript float CSS none 阻止      更新时间：2023-09-26

这是一个特殊的问题。
"float: none;"似乎阻止了Javascript (ng-click)的执行。

new.html。 

.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共享。

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

由于"shared/menu"可以从任何地方呈现，所以toggle_menu()方法在application_controller.js中声明。咖啡，它的作用域比sample_1_controller更大。

application_controller.js。咖啡(哪里有"toggle_menu()")

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

现在我们准备好了…
如果我删除"float: none;"，控制台输出"Clicked!!!!"。
如果我留下"float: none;"，控制台不会输出"Clicked!!!!"。

奇怪…

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

相关文章：