jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 如果没有足够的空间,如何使superfish菜单向后打开?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
如何让superfish菜单向后打开?我在fanpage页面上将我的facebook应用程序嵌入了一个supperfish菜单,没有足够的空间让菜单完全展开,因为它在iframe中运行.如何通过使用superfis或任何其他 jquery菜单插件解决此问题也很好.

谢谢.

目前的情况

预期的结果

@updated:这是一个用户定义的菜单,它没有菜单级别的限制.

解决方法

我知道这个问题很老,但仅供参,这就是我修复上述问题的方法

var windowWidth;
$(document).ready(function (){
        windowWidth= $(window).width();
        $( window ).resize(function() {
            windowWidth = $(window).width();
        });

        $('.Top-Nav').superfish({
            onBeforeShow : function (){                 
                if(!this.is('.Top-Nav>li>ul')){
                    var subMenuWidth = $(this).width();
                    var parentLi = $(this).parent();                    
                    var parentWidth = parentLi.width();
                    var subMenuRight = parentLi.offset().left + parentWidth + subMenuWidth;
                    if(subMenuRight > windowWidth){
                        $(this).css({'left': 'auto','right': parentWidth+'px'});
                    } else {
                        $(this).css({'left': '','right': ''});
                    }
                }
            }
        });
 });

大佬总结

以上是大佬教程为你收集整理的jquery – 如果没有足够的空间,如何使superfish菜单向后打开?全部内容,希望文章能够帮你解决jquery – 如果没有足够的空间,如何使superfish菜单向后打开?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。