툴팁 내부에 링크 배치

툴팁 내에 링크를 표시해야하는 경우가 있습니다. 사람들이 최선의 방법은 숨겨진 div라고 말하면서 여러 게시물을 찾았지만이 작업의 예를 찾을 수 없습니다. 누구든지이 예를 들어 올바른 장소에서 나를 가리킬 수 있습니까?툴팁 내부에 링크 배치

여기에 HTML에 대한 내용이 있습니다. 나머지는 Jquery에서 수행 할 것이라고 생각합니다. 이는 내 약점입니다.

<td><%= f.check_box :raw_footage_check_finished, :checked => true %> 
<div id="tooltip" style="display:none"><%= link_to 'Mark Incomplete', '#' %> 
</div></td>

저는 서버 측 언어로 Ruby on Rails를 사용하고 있습니다.

출처

2013-04-09 user1977840

툴팁의 링크에 문제가 있습니까, 아니면 툴팁 자체를 표시 할 때 문제가 있습니까? 어떻게 툴팁을 부르니? 도서관을 이용하고 있습니까? 좀 더 구체적이어야합니다. –

원래는 확인란의 title 속성을 사용하여 호출했지만, 제목 속성에 Anchor 태그를 넣을 때 문자 그대로 'Mark Incomplete'이 표시되었습니다. 나는 Jquery를 사용하고 있는데 어디서부터 시작해야할지 모르겠다. – user1977840

링크가 나타나지 않는 툴팁을 볼 수있다. 그저 텍스트 – user1977840

정말 멋진 것을하지 않는 한 jQuery를 사용할 필요가 없습니다. 당신과 같이 일반 '팔자 CSS를 사용할 수 있습니다

.parent .tooltip { 
    display: none; 
} 

.parent:hover .tooltip { 
    display: block; 
}

그것은 당신이 작동하는 방법을 귀하의 예제에서 매우 분명하지 않다,하지만 여기에 jsFiddle 데모입니다 : 또한 http://jsfiddle.net/DEtnP/

, 인라인 CSS 곳을 피하려고 가능한.

출처

2013-04-09 14:28:05

그게 전부 야! 기본적으로 그것이하는 일은 거대한 점검표입니다. 그래서 나는 그것이 그들이 조금 더 어렵게 만들기 위해 툴팁에 링크를 클릭하지 않는 한 그것들을 체크 해제 할 수없는 활동 완료를 점검 할 때 그것을 원한다. – user1977840

툴팁 내부에 링크 배치

답변

관련 문제