Question

jQuery Toggle是否会中断传播？

我的问题是我正在构建一个响应式菜单，当我将浏览器调整到我所拥有的唯一断点的宽度时。 jQuery的Toggle功能打破了我的传播。

以下是示例：http://www.stlredtails.com/construction

如果您将浏览器的大小调整为小于或等于1024px，请单击顶部的“导航”按钮，并在显示菜单后尝试单击“联系”链接。它不会传播，然后如果您在1024px以上调整浏览器大小...联系人链接确实传播。我不记得幻灯片切换有这个问题。

此外，如果您将浏览器的大小调整为1024px或以下。单击导航按钮后，您必须刷新事件的页面才能触发？ jQuery的Toggle也会打破这个吗？

下面的jQuery：

    if((window.outerWidth && window.outerWidth > 1024) || (document.body.clientWidth && document.body.clientWidth > 1024)){
        jQuery(".navigation > ul > li").hoverIntent(
            function() {
               jQuery(this).children('ul').slideDown();
            },
            function(){
               jQuery(this).children('ul').slideUp();
            }
        );
        jQuery(".navigation > ul > li > ul").hover(
            function() {
               jQuery(this).children('ul').show();
            },
            function() {
               jQuery(this).children('ul').hide();
            }
        );
    }
    if((window.outerWidth && window.outerWidth <= 1024) || (document.body.clientWidth && document.body.clientWidth <= 1024)){
        jQuery(".navigation > ul > li > a").each( function() {
            if(jQuery(this).siblings("ul").length) {
                jQuery(this).removeAttr("href");
            }
        });
        jQuery(".navigation > span > a#navigation").toggle(
            function() {
               jQuery(this).parent().siblings("ul").css("display", "block");
            },
            function() {
               jQuery(this).parent().siblings("ul").css("display", "none");
            }
        );
        jQuery(".navigation > ul > li > a").toggle(
            function() {
               jQuery(this).siblings("ul").css("display", "block");
            },
            function() {
               jQuery(this).siblings("ul").css("display", "none");
            }
        );
    }

有什么建议吗？

谢谢！

jQuery Toggle打破传播？

0 个答案: