msDropDown 첫 번째 클릭시 3px로만 표시된 자식

Question

msDropDown 플러그인에 문제가 있습니다. 완벽하게 작동하는 것처럼 보이지만 처음 클릭 할 때 옵션이있는 하위 상자는 3px 만 나타납니다. 그런 다음 두 번째 클릭으로 정상적으로 작동합니다. 내가 크롬, JQuery와 1.9.1과 msDropDown 3.5.2

Answer 1

내가 같은 문제와 간단한 솔루션을 취급 한을 사용하고

는 "아이 박스"에 LI 요소의 정확한 높이를 정의하는 것입니다. 예 :

.dd .ddChild li { ... height: 12px; padding: 8px 0; ...} 

이 양식은 저에게 맞습니다.

Answer 2

CSS에서 줄 간격을 설정해도 나에게 효과가 없었지만 약간의 문제가 있었지만 jquery.dd.js 파일의 rowHeight 속성을 설정하면이 문제가 해결된다는 것을 알았습니다.

예컨대 그것은 당신이 당신의 품목이 원하는 키가 얼마나 사전에 알고 있어야합니다, 당신은 당신이 다른 높이를주고 싶어 한 페이지에 여러 msdropdowns이 있다면 아마도이 문제가 발생할 수 의미로

//dropdown class 
function dd(element, settings) { 
    var settings = $.extend(true, 
     {byJson: {data: null, selectedIndex: 0, name: null, size: 0, multiple: false, width: 250}, 
     mainCSS: 'dd', 
     height: 120, //not using currently 
     visibleRows: 7, 
     rowHeight: 100, //HEY STACKOVERFLOW - CHANGE THIS!!!! 

그것은 조금 bodgy입니다 .

지금까지 문제가 해결되었습니다.

Answer 3

는 또한 CSS에서리스트의 일정한 높이를 설정할 수 있습니다

.ddChild { height: 200px } 

Answer 4

이 나를

.ddChild, .ddChild ul {height:auto !important; max-height: 150px !important;}

소스 근무 :

,173,632 10

Answer 5

Google 크롬에서도 같은 문제가 발생했습니다. 나는이 CSS 코드로 이것을 고쳤다. 스크롤 목록이 나에게 더 큰 다음 200 픽셀

.dd .ddChild { 
    height: auto !important; 
    max-height: 200px; 
    overflow-y: scroll !important; 
}