사용자가 요소를 클릭하고 조건이 거짓 일 때 부트 스트랩 툴팁을 표시해야합니다. 이에 대한 코드를 작성했습니다.
<div data-toggle="tooltip" title="You must to log in!" class="stars">425</div>
및 자바 스크립트 :
$(".statistics .stars").click( function(){
if (! user.isLogin){
$(this).tooltip("show");
setTimeout(function(){
$(this).tooltip( 'hide' );
}, 2000);
}
});
클릭하지 않으면 마우스 오버시 기본 툴팁을 볼 수 있으며 (필요하지 않음) 클릭하면 2 초 후에 툴팁이 숨겨지지 않습니다. 이 문제를 해결하는 방법?
먼저 툴팁을 수동으로 설정해야합니다. 이제 마우스 오버시 팝업되지 않습니다.
$('div').tooltip({trigger: 'manual'});
그 후에는 setTimeout this외부와 setTimeout this내부가 다르기 때문에 setTimeout 내부에서 사용하기 전에 div 요소를 저장해야합니다 .
$('div').click(function(){
var tt = $(this);
if (! user.isLogin){
tt.tooltip("show");
setTimeout(function(){
tt.tooltip( 'hide' );
}, 2000);
}
});
다음은 업데이트 된 jsfiddle입니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다