jQuery UI Datepicker의 z- 색인을 qTip 앞에 표시되도록 변경해야합니다.
"datepicker 및 qTip 닫기"를 클릭하여 문제를 해결하려면 "mouseout"을 닫기 위해 qTip을 구성해야합니다. datepicker는 qTip 내부에 있으므로 일단 qTip 버블을 넘으면 qTip 컨텐트의 "마우스 아웃"을하지 않으면 내부에서 컨텐트와 상호 작용할 수 있습니다 (이 경우 날짜를 클릭하십시오).
어쨌든, 여기 제 qTip 구성 JS가 사용되었습니다. "숨기기"섹션도주의해야 할 부분입니다.
$(document).ready(function()
{
$("img.calendarIcon-calendarView").qtip({
content: {
url: 'ajaxContent/caledarInclude.html'
},
style: {
name: 'dark',
tip: 'topMiddle',
width: { max: 1000 },
border: {radius: 6, width: 4}
},
show: {
effect: {
type: 'slide',
length: 300
}
},
hide: {
when: 'mouseout',
fixed: true,
delay: 750,
effect: {
type: 'slide',
length: 300
}
},
position: {
corner: {
target: 'bottomMiddle',
tooltip: 'topMiddle'
}}
});
});