由于种种原因,我对此有些困惑,有时可以,有时不能。 当您将视口缩小到小于945px时,subnav元素应切换,但有时不切换。 我也得到了一些意想不到的结果。

我在这里有一个Codepen

https://codepen.io/robbiemcmullen/pen/BqdRpN

我的代码如下:

 //toggle for subnavs
        $(document).ready(function(){

            //only toggle if window size is less than 945px
            $(window).resize(function(){

                var submenu = $('.nav-wrapper');

                if (window.innerWidth < 945) {
                    $(document).on('click','nav ul li',function() {

                        $(submenu).toggle();

                    });
                }
            });

            var listItem = $('.navigation-toggles__list-item');

             //hide mega menu when settings activated
             $(listItem).mouseleave(function(){
                      $(userMenu).hide();
             });

             var userIcon = $('.navigation-user-icon'),
             userMenu = $('.dashboard-user-menu');

            //toggle dashboard menu
             $(userIcon).click(function(e) {
             e.preventDefault();
                    $(userMenu).toggle();
            });


        });

谁能告诉我我要去哪里错了?

  ask by Robbie McMullen translate from so

本文未有回复,本站智能推荐:

1回复

Javascript:如何编写进度条?

我编写了一些scss代码以百分比形式显示我的技能: SCSS } 的HTML 它可以很好地显示它,如下所示: 我想要添加一些javascript或jQuery代码以使此图像动画一样。 就像进度条一样,我希望它在加载页面时执行此动画。
2回复

使用Javascript调用SCSSmixin文件

我有三个档案 .. icons.scss->混合代码 .. main.scss->在这里,我使用@include图标(名称)来调用mixin .. main.js 到目前为止,一切都按预期进行。 但是,如果我想从JS文件中更改mixin中的“ name”的值,该怎么
1回复

如何在JavaScript函数中使用Sass变量?[重复]

这个问题在这里已有答案: 有没有办法将变量从javascript导入sass,反之亦然? 8个答案 我在Sass中有一个变量,它确定我的网格系统应该在1 row放入多少columns 。 通常,这些是12 columns 。 在JavaScript中,我有一个函数可以
5回复

在CSS中访问JavaScript变量

以下是供参考的代码。 变量“ imgpath”的值在加载时更改。 我需要为“ icon1”类的背景图像分配这个新值。 我知道可以使用JavaScript / jQuery完成此操作,但是我需要一些方法来在CSS本身中更新此值。 是否可以使用Sass / Less或其他任何方式? 感谢
1回复

如何使用JavaScript设置SASS变量

我想使用sass css在css中设置全局变量。 该全局变量必须使用javascript设置。 如何使用javascript或任何其他方法设置变量,我已经使用root css但IE浏览器不支持它。 以下是我的CSS
3回复

就像我们可以在Sass中使用_partials一样,JavaScript是否有类似的东西?

我只想将所有javascript分开,但在上传之前,我想将它们合并为一个。 就像Sass使用CSS一样 我只想对Javascript文件执行相同操作。
2回复

无法在JavaScript函数中更改div颜色

我已经编写了这个JavaScript文件(使用jQuery): 我要使其不可见的div (通过将颜色更改为透明)从未将颜色更改为透明。 我尝试将attr("data-visible", "0")更改为css("color", "transparent")但这也没有任何效果。 仅当我单击具
2回复

如何从Javascript中调用访问伪元素样式?[重复]

这个问题已经在这里有答案 : 3年前关闭。 使用jQuery选择和操作CSS伪元素,例如:: before和:: after (21个答案) 之前我的问题是: 我的Sass中有以下代码