2017-04-05 9 views
0

클래스별로 대화 상자 콘텐츠 템플릿으로 식별 할 수있는 일련의 div가 있습니다. 무엇보다도 콘텐츠 div에는 JQuery Dialog에서 대화 상자 제목으로 사용하는 제목 속성이 있는데 이는 원하는 동작입니다. 그러나이 제목은 툴팁에서도 사용됩니다. 즉, 다른 컨트롤이 아닌 대화 상자의 일부분을 마우스로 가리키면 대화 상자 제목이 툴팁으로 표시됩니다. 이것은 내가 원하지 않는 행동입니다.문서의 JQuery-UI 툴팁 동작에 대한 특정 예외 만들기

어떻게하면 대화 상자 콘텐츠 div를 제외하고 툴팁 동작에서 제외시킬 수 있습니까? 현재는 한 줄짜리 문서이므로 전체 문서의 툴팁을 사용할 수 있습니다. 나는 단지 버튼을 위해 그것을 변경할 수 있지만, 나는 동적으로 생성 된 버튼 (편집/테이블 행에 대한 삭제 버튼 등)이 필요하다. 각 대화 상자 재로드에 대한 툴팁으로 다시 초기화해야한다. 할 수 있으면 피하십시오. 대화 상자 콘텐츠 div는 페이지로드에서 DOM에 존재하므로 적용 할 수있는 클래스가 있거나 툴팁을 일반적으로 활성화 한 후에 클래스 선택기에서 호출 할 수있는 메서드가 있으면 이상적입니다.

편집 : 다음, 문서에 대한 툴팁을 사용하여 대화 내용 클래스를 비활성화 대화 상자를 열 때, 다음의 모든 아이들을 재 활성화 : 나는 작업 솔루션, 가능성이없는 이상적인 하나를 발견 대화 내용 클래스 (또는 열리는 특정 대화 상자). 그것은 작동하지만 JQuery가 DOM 방식을 너무 많이 통과하도록 요청할 것입니다.

답변

0

이상적인 해결책을 찾았습니다. 전체 문서에 대한 툴팁을 설정할 때 items 속성을 ":not()" 선택자로 설정하십시오.

$(document).tooltip({ 
    items: ":not(.dialogContent)", 
    ... 
});