jQuery 스타일 추가 = "오버플로 : 숨김;"

Question

내 메뉴를 숨기려면 약간의 코드를 만들었습니다. 메뉴는 완료되지 않았지만 jQuery.slideUp() 함수를 사용하려고했지만 코드에 style="overflow: hidden;"을 추가합니다. 따라서 .show를 사용하면 내 요소 중 하나가 #nav:after이고 메뉴 여기

의 바닥에 작은 화살표를 추가 #nav:before는 JS 코드

$("span#start_button").click(function() { 
     if ($("#nav").is(":hidden")) { 
      $("#nav").show("fast"); 
     } else { 
      $("#nav").slideUp(); 
     } 
    }); 

이며, 여기에 내가 만들 수 .slideUp()을 중지 할 수 있습니다 방법 this site

의 결과입니다 style="overflow: hidden;"?

Answer 1

당신은 그래서 당신이 시도 할 수 slideUp() 기능 의 콜백에 overflow:hidden를 제거해야합니다

$("#nav").slideUp('fast', function(){ $('#nav').css('overflow','visible') }); 

또는 당신은 CSS를

#nav{overflow:visible!important} 

Answer 2

html의 style 속성을 수정하여 기본 스타일을 재정의하십시오.

else { 
     $("#nav").slideUp(); 
     $("#nav").attr("style","overflow:visible"); 
    } 

Answer 3

이 시도 ...

else { 
    $("#nav").slideUp(); 
    $("#nav").css("overflow","visible"); 
} 

Answer 4

재정 해당 스타일 -

$("#nav").slideUp(); 
    $("#nav").css({'overflow':'visible'}); 

Answer 5

이 나이가 JQuery와의 bug입니다하여 강제 할 수 있습니다. 이 코드는 standart 함수 "slideDown"을 대체하고 오버플로 속성을 삭제합니다.

!(function (jQuery, origSlideDown) { 
jQuery.fn.slideDown = function (speed, easing, callback) { 
    var self = this; 
    var args = Array.prototype.slice.call(arguments); 
    var origCallback; 

    for (var i = 0, len = args.length; i < len; i++) { 
     if (jQuery.isFunction(args[i])) { 
      origCallback = args[i]; 
      args[i] = function() { 
       origCallback.call(this); 
       self.css('overflow', ''); 
      } 
     } 
    } 

    if (!origCallback) { 
     args.push(function() { 
      self.css('overflow', ''); 
     }); 
    } 

    return origSlideDown.apply(this, args); 
}; 
})(jQuery, jQuery.fn.slideDown);