Question

这是一个特殊的问题 “float：none;”似乎阻止了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”是从任何地方呈现的，因此在application_controller.js.coffee中声明了toggle_menu（）方法，它的范围比sample_1_controller更大。

application_controller.js.coffee（其中有“toggle_menu（）”）

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

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

...怪异

Answer 1

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

CSS“float：none;”阻止Javascript函数“ng-click”？

1 个答案: