我正在为iphone修改一个不支持悬停类的现有导航系统。 该菜单在台式机和iphone上均应工作。

当我单击菜单项时,它会正确显示和隐藏。 它还在悬停时显示和隐藏。 大。 问题在于,当用户单击iphone上的链接并导航到其他页面时,当用户返回到原始页面时,菜单仍处于打开状态。 一直保持这种方式,直到用户再次忠实地单击菜单以隐藏菜单为止,这是不可接受的。

有人可以帮忙吗? 我整天都在检查Stackoverflow,没有任何结果。 我的妻子要离婚和我的女朋友是不快也。

这是CSS的执行部分。

<div class="top_nav">
<ul id="nav" class="dropdown">
    <li <span class="dir">Desserts</span>
        <ul>
            <li>Pie</li>
            <li>Ice Cream</li>
            <li>Toppings
                <ul>
                    <li>Chocolate Sauce</li>
                    <li>Nuts</li>
                    <li>Whipped Cream</li>
                </ul>            
             </li>        
         </ul>
    </li>    
    <li>Dessert Wines</li>
    <li>Brandy</li>
</ul>
</div>


$(document).ready(function(){
      $('.top_nav').children("ul").children("li").click(function(e) {  //this works with click
        if($(e.target).closest("li").get(0) !== this) { return; }//anti-bubbling measure (try  without this line and see the effect) 
       $(this).find("ul").stop(true, true).toggle();
    }); 
       $('.top_nav').children("ul").children("li").children("ul").children("li").click(function(e){ 
       if($(e.target).closest("li").get(0) !== this) { return; }//anti-bubbling measure (try  without this line and see the effect)     
    $(this).find("ul").stop(true, true).toggle();   
    }); 
 });

  ask by noCodeMonkeys translate from so

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

1回复

将jQuery脚本转换为纯JavaScript?

HTML: 这个jquery脚本可以隐藏bootstrap 3的导航菜单,但是它在jquery中。 转换成纯JavaScript是什么? 我在下面尝试过,但是没有用。 显然,有一些事件监听器(我认为)阻止了我仅添加和删除类。 .hide = display:none; 和
1回复

Jquery到Javascript Bootstrap滚动功能

香港专业教育学院一直试图将此jQuery转换为JS,我不知道。 有人可以帮我吗,这里是jQuery。 滚动时,应该在移动时切换效果,但效果不佳,我想学习如何用javascript完成。
2回复

javascript jQuery对象构建

Javascript不是我的最爱,但是我必须做些事情。 我想创建一个特殊的数组(它可能是一个对象),该数组包含有关页面元素的数据。 它需要有一个特殊的结构,如果我可以改用php,它将看起来像这样: 我尝试通过.push()创建此对象,但仍然没有成功。 有人可以建议吗?
1回复

使用javascript / jquery进行多个导航

我在多语言网站(法语,英语,德语)上工作。 我构建了三个导航(带有按钮),每种语言都有一个。 当我打开站点时,出现法语导航(有效)。 我可以使用三个按钮(以标志的形式)更改导航。 这也可以。 当我按导航中的按钮之一时,将显示正确的页面。 但是:然后,我总是看到所有三个导航。 问
2回复

如何使用jQuery和JavaScript将类添加到元素?

我具有如下所示的HTML代码,可将导航添加到我的网站。 (请注意列表是嵌套的) 我想以新颜色显示当前活动的页面链接。 因此,相应的列表项应具有活动的类,并且我使用CSS来更改颜色。 例如,如果default.html是当前打开的页面,则代码应为<li class=“activ
1回复

使用Javascript或JQuery对HTML列表重新排序

我正在寻求帮助,以查看是否可以对导航栏中的项目进行重新排序。 条形图本身是由CMS中锁定编辑的模块创建的。 因此,我想对“按钮”进行重新排序,以使第4个选项在菜单栏中变为第1个。 锁定的模块将创建以下HTML: 我可以使用Javascript或jQuery完成此操作吗?
1回复

在javascript或jQuery中触发或返回shift + tab

我使用tabIndex为带有二维导航的Windows CE创建了一个页面。 起初,我只是想使用tabIndex作为下一个焦点的参考。 因为此应用程序是用于便携式设备的,所以在手持设备上进行这样的操作非常困难,并且与简单的tab和shift + tab相比非常耗时。 我有一个函数可以
2回复

jQuery Javascript菜单导航添加删除类

当网站为www.example.com并加载index.html ,导航将不会预先选择要显示的主页。 我有一个功能,该功能填充菜单,另一个功能是获取当前页面以添加循环的类,我知道当站点为www.example.com时,找不到index.html页面将其更改为当前类。 我尝试了不同的if
2回复

ApyCom JavaScript jQuery菜单-如何显示当前选择的导航元素?

我正在使用ApyCom的jQuery导航菜单。 它工作正常,除了当我单击其他导航元素时,我希望该导航元素保持突出显示状态以告诉用户他们正在访问哪个页面。 奇怪的是,如果我将实际页面(例如,Contact.aspx)中的href值替换为# ,则所选元素保持突出显示(当然,我无法导航到Conta
1回复

WordPress 3级水平导航-需要jquery / javascript帮助进行对齐

我一直在尝试实现3级水平导航,但是我停留在最后一个。 我必须在最后一级使用绝对位置,因为使其相对会限制菜单项的宽度与父级(第二级菜单项)的宽度。 我对javascript / jquery不太熟悉,但是我想确保子元素始终位于父元素之下。 http://generationesign