jQuery UI 툴팁의 화살표를 숨기거나 보여주십시오
-
21-12-2019 - |
문제
click
이벤트를 기반으로 툴팁 위치를 변경하고 싶습니다.툴팁을 호버 된 요소의 왼쪽 또는 오른쪽으로 이동하는 방법을 알고 있습니다.
툴팁이 왼쪽에 있고 그 반대의 경우 화살표를 오른쪽으로 배치하는 것입니다.
이를 달성하기 위해, 나는 hide()
함수로 툴팁의 위치에 맞지 않을 때 화살표 중 하나를 숨기려고하지만, 일하는 것처럼 보입니다.
$('.right .ui-tooltip-content::after').hide()
- 이이 경우 툴팁의 화살표는 삽화 요소의 올바른 jQuery 선택기가 무엇입니까?
- 위에서 원하는 것을 달성 할 수있는 또 다른 방법이 있습니까?그렇다면 우리와 공유하십시오!
에 관해서는
해결책
확인 ..!나는 문제를 해결했다.
의사 요소가 DOM 요소의 일부가 아닌 경우 jQuery로 선택하지 않으므로 jQuery가 작동하지 않습니다.따라서 화살표의 가시성을 조작하기 위해 CSS 스타일을 머리에 추가합니다.
$('head').append("<style> .right .ui-tooltip-content:after { display : none;} </style>");
제휴하지 않습니다 StackOverflow