Question

我无法将我的顶栏下拉列表用于点击。它在悬停时工作正常（如果我将“not-click”类添加到我的li.has-dropdown中）。虽然，我只需要点击即可访问我的下拉列表。我已经阅读了一些与此相关的其他帖子，我确信我正在做以下事情：

1。）我相信我正在用$（document）.foundation（）初始化基础。在我的application.js。

2.）我还在头文件中包含foundation / foundation.js，然后是foundation / foundation.topbar.js（amoung其他插件）。我没有包括foundation / foundation.min.js。

3。）我正在使用UI路由器为我的Stuff页面生成链接。我很确定这与为什么这不起作用有关。您会注意到我尝试在顶部的“ng-init”中执行e.preventDefault（）以尝试获取click事件以注册我的下拉列表。这样可以防止在我的所有“a”标签上发生默认事件。

当我点击除“下拉箭头”以外的“a”Stuff链接的任何其他部分时，我希望能够转到“Stuff”页面。单击下拉箭头应打开下拉列表，但不要转到“Stuff”页面。目前，无论我在哪里点击“a”Stuff链接，我都会被引导到Stuff页面，即使点击下拉箭头，也没有显示下拉列表。

谢谢！

这是我的代码：

%nav.top-bar{"data-topbar" => true, "ng-controller" => "HeaderController", 
"ng-init"   => "preventDefault();", :data => {:options => "is_hover: false"}}
  %section.top-bar-section.row
    %ul
      %li.section.divider.has-dropdown.small-12{"ng-class" => "{ active :  isActive('/deals')}", 
"ng-controller" => "StuffController"}
        %a{"ui-sref" => "{{state})'}}"}
          Stuff
        %ul.dropdown
          %li{"ng-repeat" => "stuff in stuffs"}
            %a
              {{ stuff.name }}

基础5顶部栏下拉单击无法正常工作

0 个答案: