qTip2 Global
Global
이 부분에서는 qTip의 글로벌 옵션을 소개합니다. 이것은 페이지에 생성된 qTip에 영향을 줍니다. 이미 만들어졌든 만들 것이든.
$.fn.qtip.version
개요:
qTip2가 저장된 라이브러리의 버전이 이 페이지에 포함된 형식은 "2.x.x"입니다
$.fn.qtip.default:{.....}
개요:
모든 qTip의 기본값을 가지고 있습니다. 당신에게 계승됩니다.qtip ()의 호출;
기본값은 다음과 같습니다.
$.fn.qtip.defaults = {
prerender: false,
id: false,
overwrite: true,
suppress: true,
content: {
text: true,
attr: 'title',
title: {
text: false,
button: false
}
},
position: {
my: 'top left',
at: 'bottom right',
target: FALSE,
container: FALSE,
viewport: FALSE,
adjust: {
x: 0, y: 0,
mouse: TRUE,
resize: TRUE,
method: 'flip flip'
},
effect: function(api, pos, viewport) {
$(this).animate(pos, {
duration: 200,
queue: FALSE
});
}
},
show: {
target: false,
event: 'mouseenter',
effect: true,
delay: 90,
solo: false,
ready: false,
modal: {
on: false,
effect: true,
blur: true,
escape: true
}
},
hide: {
target: false,
event: 'mouseleave',
effect: true,
delay: 0,
fixed: false,
inactive: false,
leave: 'window',
distance: false
},
style: {
classes: '',
widget: false,
width: false,
height: false,
tip: {
corner: true,
mimic: false,
width: 8,
height: 8,
border: true,
offset: 0
}
},
events: {
render: null,
move: null,
show: null,
hide: null,
toggle: null,
visible: null,
focus: null,
blur: null
}
};
주의: 이 대상의 속성을 어떻게 편집하는지 더 자세한 오버라이드 defaults 강좌를 보십시오.$.fn.qtip.nextid:0
개요:
기본 숫자 식별자를 미래의 qTip에 분배하기로 결정합니다. 문서를 불러올 때 이 설정은 0입니다. 연속적인 qTip이 생성되면서 이 속성은 qTip을 검색하는 데 사용됩니다.
그들의 대응하는 id 속성을 통해'ui-tooltip-당신의 qTipId'형식으로;
예:
우리 qTip의 비교적 큰 숫자부터 시작합시다. 예를 들어 100.
// nextid
$.fn.qtip.nextid = 100;
/*
* qTip id "ui-tooltip-100" , "ui-tooltip-"
* qTip ID , 100
*/
$('.selector').qtip({
content: {
text: 'My tooltip content'
}
});
주의: 이것은 Integer 형식이어야 합니다. 문자열을 ID 속성으로 지정하려면 ID 속성 id 옵션을 따로 설정하십시오$.fn.qtip.inactiveEvents:["click", "dblclick", "mousedown", "mouseup", "mousemove", "mouseleave", "mouseenter"]
개요:
qTip에서 터치할 때'active'로 만드는 이벤트 그룹
예:
qTip을 만듭니다. qTip이 활동하지 않고 3초 동안 지속되면 qTip을 숨깁니다. 여기서 활동하지 않는 것은 클릭을 멈출 때를 말합니다.
// qTip active
$.fn.qtip.inactiveEvents = ["click"];
// qTip 3
$('.selector').qtip({
content: {
text: 'My tooltip content'
},
hide: {
inactive: 3000
}
});
주의: 이것은 이 페이지에 있는 모든 qTip에 영향을 줍니다. 이것은 이미 만들어진 것을 포함합니다. (단 setting을 업데이트하면 이벤트 처리가 다시 귀속됩니다.)$.fn.qtip.zindex:15000
개요:
페이지에 있는 모든 qTip의 기본 z-index를 결정합니다. z-index가 없으면 다음과 같이 배치됩니다.
예:
만약 당신이 다른 플러그인을 사용한다면, 그는 공교롭게도 매우 큰 z-index를 사용하여 qTip의 기본값보다 크고 qTip에 약간을 증가시켰다.
// qTip
$.fn.qtip.zindex = 20000;
주의: 이 옵션을 업데이트하면 이미 만든 qTip, i가 이상한 효과를 낼 수 있습니다. 이렇게 사용하지 마십시오.@author YHC는 원문 이상에서 오류가 있으면 지적해 주십시오!thanks!
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.