시맨틱 Ui 드롭 다운 (호버시)

나는 시맨틱 UI 드롭 다운 메뉴를 클릭 대신 호버에 트리거하기를 원한다.시맨틱 Ui 드롭 다운 (호버시)

자바 스크립트 :

$('.ui.dropdown').dropdown({on:'hover'});

HTML :

<div class="ui dropdown item"> 
    <i class="fa fa-users"></i> Members <i class="fa fa-caret-down"></i> 
    <div class="menu"> 
     <a class="item"><i class="fa fa-users"></i> Players</a> 
     <a class="item"><i class="fa fa-user-md"></i> Staff</a> 
    </div> 
</div>

출처

2014-04-23 ryr11

그런 다음 드롭 다운 메뉴를 엽니 효과를 가져 싶은 경우에 당신이 자바 스크립트를 사용할 필요가 없습니다, 대신에 추가 할 수있는 클래스 simple ~ 부모님 div :

당신이 취할 수 10

Fiddle Demo

출처

2014-04-23 16:33:51 Felix

감사합니다. 그러나 전환을 유지할 방법이 있습니까? – ryr11

사용자가 단순하지 않은 경우 클릭하면 전환으로 인해 드롭 다운됩니다. 전이와 함께 마우스를 올리면 드롭 다운하는 방법이 필요합니다. – ryr11

'SemUI'는 현재이 기능을 지원하지 않거나 뭔가를 놓친 것 같습니다. 죄송하지만 ... : / – Felix

, 그것은이 위와 같이 단지 청소기 같은 대답 나를 $('.dropdown').dropdown({transition: 'drop' }).dropdown({ on: 'hover' });

출처

2015-05-04 13:56:42 tcstory

작동합니다.

$('.menu > .ui.dropdown').dropdown({ 
    on: 'hover' 
});

그리고 그것은 잘 작동 :

$('.dropdown').dropdown({transition: 'drop', on: 'hover' });

출처

2016-06-05 22:53:34

나는이 사용합니다. 귀하의 경우, 드롭 다운 항목의 부모를 선택하십시오.

출처

2016-08-29 01:11:55 dartheize

시맨틱 Ui 드롭 다운 (호버시)

답변

관련 문제