正文 

当前位置： 首页 > 源码 >

我的移动菜单 Jquery 脚本只运行一次

     2023-05-09     239

关键词：

【中文标题】我的移动菜单 Jquery 脚本只运行一次【英文标题】：My mobile menu Jquery script only runs once 【发布时间】：2016-08-16 00:22:28 【问题描述】：

您好，我是 jquery 的新手，只是想将一个简单的脚本放在一起以在点击时显示/隐藏我的移动菜单。它工作正常，但它只工作一次，直到您刷新浏览器。

jquery：

$(document).ready(function () 
  //your code here
    $(".nav").addClass("hidenav");
    $(".menutrigger").click(function () 
        $(".nav").removeClass("hidenav").addClass("slidenav");

$(".menutrigger").click(function () 
        $(".nav").removeClass("slidenav").addClass("hidenav");
        );

        );
);

CSS：

@media (max-width: 767px) 
    .slidenav 
        display: block;
    
    .hidenav 
        display: none;

【问题讨论】：

【参考方案1】：

这是因为你定义了多个点击事件

这应该可以工作

$(document).ready(function()
    
        //your code here
        $(".nav").addClass("hidenav");
        var flag = 0;
        $(".menutrigger").click(function()
        
            if(flag == 0)
            
                flag = 1;
                $(".nav").removeClass("hidenav").addClass("slidenav");
            
            else
            
                flag = 0;
                $(".nav").removeClass("slidenav").addClass("hidenav");
            

        );
    );

【讨论】：

【参考方案2】：

声明多个 onClick 事件将不起作用，并将被最后一个覆盖。你可以通过检查你的类是否存在来在 onclick 回调中做所有这些事情

$(document).ready(function () 
  //your code here
    $(".nav").addClass("hidenav");
    $(".menutrigger").click(function () 
        if ($(".nav").hasClass("hidenav"))
           $(".nav").removeClass("hidenav").addClass("slidenav");
         else if ($(".nav").hasClass("slidenav"))
           $(".nav").removeClass("slidenav").addClass("hidenav");
        
    );
);

【讨论】：

【参考方案3】：

你试过 toggleClass 吗？

$('.menutrigger').click(function (e) 
     $('.demo').toggleClass("hidenav");
);

它将您的代码压缩到只有 1 行。

看看this fiddle

要了解有关 .toggleClass() 的更多信息。见jQuery API doc

【讨论】：

谢谢，我会调查的

制作只运行特定 python 脚本的移动应用程序

...本，但作为它的独立应用程序。有没有办法使用pydroid让我的脚本成为它的独立应用程序。当您启动我的应用程序时，它的pydroid只是执行我的脚本，没有别的。我不需要UI，我只 查看详情

为啥我的函数在每次页面加载时只运行一次？

】为啥我的函数在每次页面加载时只运行一次？【英文标题】：Whydoesmyfunctiononlyrunonceperpageload?为什么我的函数在每次页面加载时只运行一次？【发布时间】：2012-08-1301:45:28【问题描述】：我正在编写一个脚本，该脚本使用表单... 查看详情

每个会话只运行一次 JS 文件

...7:56:50【问题描述】：我有这个脚本的JS文件：（我编辑了我的脚本并添加了sessionStorage检查）letexecuted=window.sessionStorage.getItem("sessionCodeExecuted")console.log(executed)leturi=window 查看详情

(Nuxt.js/Vue.js) - 脚本只运行一次，更改路由/刷新页面后停止运行

...age【发布时间】：2019-08-1609:51:21【问题描述】：我正在将我的项目网站“转移”到Vue.js，顶部是Nuxt.js。我正在将存储在远程服务器中的所有文件的内容复制 查看详情

jquery - 让 gps 脚本运行一次，不需要停止和开始按钮

...个gps跟踪器在加载页面“gps.php”时自动将一个条目写入我的mysql数据库如果您按下开始按钮，然后按下停止按钮，我就可以正常工作 查看详情

jQuery onChange 只运行一次

】jQueryonChange只运行一次【英文标题】：jQueryonChangeonlyrunningonce【发布时间】：2021-12-2417:05:22【问题描述】：我在WordpressWoo表单中有jQuery函数，它基本上基于下拉填充某些字段，但是jQuery只执行一次。代码：jQuery(document).ready(functi... 查看详情

我的 Bootstrap 菜单链接正在移动设备上运行

】我的Bootstrap菜单链接正在移动设备上运行【英文标题】：MyBootstrapmenulinksareworkingonmobile【发布时间】：2021-04-0114:00:10【问题描述】：带有Bootstrap菜单的WordPress网站在桌面上运行良好，但在移动设备上，下拉菜单链接不起作用。... 查看详情

PHP锁定/确保给定脚本在任何给定时间只运行一次

】PHP锁定/确保给定脚本在任何给定时间只运行一次【英文标题】：PHPlocking/makingsureagivenscriptisonlyrunningonceatanygiventime【发布时间】：2012-01-3116:55:54【问题描述】：我正在尝试编写一个PHP脚本，我想确保它在任何给定时间都只有一... 查看详情

Jquery 只刷新一次 Div

...单击活动和非活动按钮时，它都会加载整个div部分连续。我的要求是在点击活动/非活动状态后，div应该只加载一次，并且应该停止递归闪烁2到3次！wh 查看详情

jQuery click 运行一次

...头可以“滚动”这些缩略图。我第一次尝试点击事件，但我的动画只运行一次。我搜索了互联网并找到了.on(\'click\')事件。我试过这个但没有结果。即使使用.off(\'click\')删除事件之后。谁能帮我解决这个问题？$("#t 查看详情

如何仅在代码第一次运行时在 python 中运行函数？

...描述】：我编写了一个函数来安装运行脚本所需的模块。我的问题是每次脚本运行时都会运行该函数。我只需要在脚本第一次运行时运行该函数，这样在安装模块后，该函数就不会在每次脚本运行时运行。我的代码是importimp 查看详情

如何确保我的 bash 脚本尚未运行？

】如何确保我的bash脚本尚未运行？【英文标题】：HowdoImakesuremybashscriptisn\'talreadyrunning?【发布时间】：2010-11-2906:49:00【问题描述】：我有一个bash脚本，我想从cron每5分钟运行一次...但有可能该脚本的上一次运行尚未完成...在这种... 查看详情

为啥我的循环总是只运行一次？

】为啥我的循环总是只运行一次？【英文标题】：Whyismyloopalwaysrunningonlyonetime?为什么我的循环总是只运行一次？【发布时间】：2021-06-0419:06:39【问题描述】：实际上是c编程的初学者，我试图找出一个数字的位数之和。我开发了... 查看详情

ScheduledExecutorService 只运行一次

...发布时间】：2017-10-1708:11:49【问题描述】：我希望在启动我的网络服务后运行一个进程，然后每隔30分钟左右运行一次，（我现在正在以较小的延迟对其进行测试，只是为了看看它是否有效），但我的进程从未运行不止一次。我... 查看详情

如何使用 jQuery UI 移除 jQuery 移动效果？

...【问题描述】：我正在使用jQueryUI的子菜单/菜单选项。但我的项目中也包含了jQuerymobile。实际上，当我只包含jQueryUI时，它看起来就像我想要的那样好。(fiddle)但是当我包含jQuerymobile时，它​​会删除 查看详情

窗口只会在鼠标移动时更新

...经运行的时间量，并让这个计数每秒更新一次（左右）。我的问题是，我的GUI只更新我移动鼠标的时间。我已经单步执行了我的程序，在InvalidateRect()调用之前添加了一个断点。当我有这个断点时，我可以看到句柄hwndTime 查看详情

移动菜单问题

...希望有人可以建议我如何调试失败的移动侧边菜单。所以我的主站点是一个wordpress站点，但我的异地白标却没有。我已将html复制到白色标签，并添加了页眉和页脚中的所有css和脚本。一切看起来都正确，样式也很好，汉堡菜单... 查看详情

UITextField nextResponder 只工作一次

...在它们之间切换。我已经为每个标签设置了1-4。当我运行我的代码时，它会移动到第二个，但不会移动到第三个。如果我跳textField.tag+2;它会跳到第三个字段，但不会从那里继续 查看详情