목록 선택 호버 드롭 다운?

나는 대답을보고 있었다 : jQuery Drop Down Hover Menu 목록 선택 호버 드롭 다운?

첫째, 거기에 제공된 답변에 대해 너무 감사드립니다. 나는 직장에서 사용자가 자신의 직업에보다 쉽게 접근 할 수 있도록 끊임없이 진화하는 툴 내에서이를 구현할 수있었습니다.

그러나 이전 포럼에서 답변으로 표시하고 싶지 않은 질문이 있습니다. 포럼을 사용하는 방법이 아닙니다.

이 도구에서 (위에서 언급 한)이 도구에는 사용자가 마우스를 놓으면 드롭 다운을 드롭한다고 명시한이 도구의 드롭 다운이 있습니다. 그것은 그렇게 작동하지

$(".DDM").hover(function() { 
 
    $(this).find('ul, select').stop(true, true).slideDown('medium'); 
 
}, function() { 
 
    $(this).find('ul, select').stop(true, true).slideUp('medium'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="DDM"> 
 
    <select class="DDM"> 
 
    <option>1</option> 
 
    <option>2</option> 
 
    <option>3</option> 
 
    </select> 
 
</div>

내 첫 번째 질문이 추측 : 그래서 나는이를 표시하려면이 코드를 수정이 <li>에 <select>에서를 변경하지 않고 선택 목록 호버 드롭 다운을 할 수 있습니까? ?

출처

2017-02-15 LiquidMusic1

당신은 항목의 수를 얻을 수 및 크기를 조정할 수 있습니다 : 당신은 너무 많은 옵션이있는 경우 크기에 제한 할 수 있습니다

$('.DDM').hover(function(){ 
var count = $(this).children().length; 
$(this).attr('size', count); 
}, 
function(){ 
$(this).removeAttr('size'); 
});

출처

2017-02-15 16:04:41 PersyJack

감사합니다. 정말 도움을 주셔서 감사합니다! 내가 물어볼 필요가있는 것보다 적은 질문을 너희에게서 배울수록 더. 그래서 아무런 반발도없이 도움을 주셔서 감사합니다. 나는 이전의 질문에 대해 경험했다. – LiquidMusic1

아무 문제가 없습니다. 모두가 어딘가에서 시작합니다. 이것이 바로이 사이트의 내용입니다. 어떤 사람들은 그들이 한 번 같은 상황에 빠졌음을 잊어 버립니다. – PersyJack

예, 매우 일반적으로 당신이 볼 수 드롭 다운 메뉴 <ul> 및 <li> 태그를 사용하여 만든,하지만 같은 기능 (조정에) <div> 또는 <select>와 함께 올 수 있습니다. 이런 종류의 상호 작용에 대해 더 많은 경험을 할 때까지 한 가지 방법을 골라야합니다. 시도해보십시오.

$(".myClass").on({ 
    'mouseenter':function() { $('#myMenu').slideToggle(); }, 
    'mouseleave':function() { $('#myMenu').slideToggle(); } 
});

하위 요소를 포함하는 드롭 다운을 토글합니다.

출처

2017-02-15 15:59:53 bowl0stu

목록 선택 호버 드롭 다운?

답변

관련 문제