Question

我想在第二次点击平板电脑时触发下拉导航链接。在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();
    });

由于

Answer 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上运行。对该修复的任何建议都会很棒。

第二次点击平板电脑上的火灾下拉导航链接

1 个答案: