2017-01-16 8 views
0

작은 팝업을 표시하기 위해 qtip을 사용하고 있는데 숨김 이벤트와 쇼를 추가하면 쇼 이벤트가 더 이상 작동하지 않습니다. 난 그냥 모두 쇼에 하나의 이벤트를 숨길 경우 여기 숨기기 이벤트를 qtip 나누기에 추가 표시

이 작업을 보여주는 예제와 깨진 버전 흥미롭게 http://jsfiddle.net/39mz295b/

<input id="works" type="text" value="Hover here - works"/> 
<input id="broken" type="text" value="Hover here - broken"/> 

$('#works').qtip({ 
    content: { 
     text: 'hello' 
    }, 
    show: { 
     event: 'click mouseenter' 
    }/*, 
    hide: { 
     event: 'click mouseleave' 
    }*/ 
}); 

$('#broken').qtip({ 
    content: { 
     text: 'hello' 
    }, 
    show: { 
     event: 'click mouseenter' 
    }, 
    hide: { 
     event: 'click mouseleave' 
    } 
}); 

, 그것은 또한 작동합니다.

$('#broken').qtip({ 
    content: { 
     text: 'hello' 
    }, 
    show: { 
     event: 'mouseenter' 
    }, 
    hide: { 
     event: 'mouseleave' 
    } 
}); 

도움이 될 것입니다.

답변

1

숨기기 이벤트를 제거하기는 문제를 해결하기 위해 보인다 http://jsfiddle.net/refqzkpx/

$('#fixed').qtip({ 
content: { 
    text: 'hello' 
}, 
show: { 
    event: 'click mouseenter' 
}, 
hide: { 
    /*event: 'click mouseleave'*/ 
} 
+0

아니는 IT가 hide 이벤트 목록에서 작동하지 않는 이유에 대답하지만 내가 필요한 작동합니다. 감사 –