부모 툴팁 고려이 HTML을 자식 툴팁

Question

를 오버라이드 (override) 할 필요가 있습니다. 자녀 주위의 죽은 공간 위로 마우스를 가져 가면 부모 내부에 마우스 포인터를 올려 놓으면 부모의 툴팁이 나타납니다. 부모의 툴팁에 어디서나 표시되도록하려면 어떻게해야합니까?

브 루트 포스 솔루션은 부모가 제목 세트를 가질 때마다 JS를 사용하여 모든 하위 툴팁을 제거하는 것입니다. 그리고 JS는 부모가 제목을 삭제할 때 툴팁을 되돌릴 것입니다. 이것은 대형 문서에 대한 과도한 처리 일 것이므로보다 효율적인 솔루션을 기대하고 있습니다.

왜 내가이 작업을 수행하고 있습니까? 전체 요소를 사용하지 않으려면 JS 함수가 있습니다. 기본적으로 클래스에 요소를 추가하여 색이 바랜 것처럼 보이게하고 no-drop 커서를 만듭니다. 사용 중지 된 요소 위로 마우스를 가져 가면 툴팁에 "사용할 수 없습니다 ... ㅋ ㅋ"라고 표시됩니다. 자식 요소가 툴팁을 트리거하면 이상 할 것입니다. 자녀는 "여기를 클릭하여 실행하십시오"와 같은 말을 할 수 있습니다. 이는 부모가 사용할 수 없으므로 나쁜 사용자 경험이 될 수 있습니다.

function disable(element) { 
element.writeAttribute('title', 'you cannot use this'); 
element.addClassName('disabled'); 
} 

function enable(element) { 
element.writeAttribute('title', null); 
element.removeClassName('disabled'); 
} 

Answer 1

HTML 마크 업을 사용하면 기본적으로 브라우저에서 정확하게 수행 할 작업을 수행하도록 명시하고 있습니다. 당신이 할 수있는 유일한 일은 문제가되는 요소의 "title"속성을 없애기 위해 자바 스크립트를 적용하거나, 제목 텍스트를 표시하지 않으려 고 할 때 처음에 요소에 제목 속성을 두지 않는 것입니다.

다음과 같이 이런 상황이 발생했습니다. 내 웹 응용 프로그램에서, 나는이게 뭐야? 설명이 필요할 수도있는 것들 가까이에 나타나는 작은 "[?]"아이콘과 관련된 기능입니다. 작은 아이콘을 클릭하면 "도움말 풍선"이 나타납니다. 꽤 일반적인 특징입니다. 어쨌든 작은 클릭 가능한 물건은 절대적으로 배치 된 <div>으로 구현되며, "거품 :"은 "위치 : 상대"로 어휘 적으로 중첩됩니다. 클릭 할 수있는 아이콘에는 고유 한 "제목"속성이 있지만 도움말 풍선이 표시 될 때 물론 그 제목이 비행 텍스트로 표시되는 것을 원하지 않습니다. 따라서 버블을 여는 내 JavaScript 코드는 거품이 열려있는 동안 jQuery ".data()"저장소에있는 부모 요소의 "title"속성을 숨겨야하고 거품이 닫힐 때 제목을 복원해야합니다.