qTip2 Global

3261 단어
@author YHC
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!

좋은 웹페이지 즐겨찾기