第二次点击平板电脑时触发下拉导航链接答案

【问题标题】：Fire dropdown nav link on second click on tablets第二次点击平板电脑时触发下拉导航链接
【发布时间】：2014-02-19 22:22:48
【问题描述】：

我想在平板电脑上第二次点击时触发下拉导航链接。在 iPad 上，它已经做到了这一点。您单击 a 标签，子菜单 div 会下拉。

在 Android 和 Windows 平板电脑上，会出现下拉菜单，但会同时触发链接。

代码：

   jQuery("ul.menuTop > li a.students" ).mouseenter(function( event ){

        event.stopImmediatePropagation()

        jQuery("#studentsMenu" ).fadeIn();
        jQuery("#facultyMenu" ).hide();
        jQuery("#staffMenu" ).hide();
        jQuery("#alumniMenu" ).hide();
        jQuery("#aboutMenu" ).hide(); 
    });

    jQuery(".menuWrapper" ).mouseleave(function (){
        jQuery("#studentsMenu" ).hide();
    });

谢谢

【问题讨论】：

标签： javascript android jquery html css

【解决方案1】：

想出了一个解决方案。

         var isMobile = navigator.userAgent.match(/(iPhone|iPad|Android|BlackBerry)/);
         var link = jQuery("ul.menuTop > li a.students")

         if (isMobile) {
             jQuery(link).one("click", function (ev) {

                 ev.preventDefault();
             });

             if (jQuery("#studentsMenu").is(":visible")) {

                 jQuery(link).click(function (ev) {

                     ev.window.location = "/students";

                 });

             }
         }

即使在 userAgent 匹配中使用“Windows”，它似乎也无法在 Windows Tablet IE 上运行。有关该修复的任何建议都会很棒。

【讨论】：