두 개의 툴팁을 생성하는 FontAwesome 5 부트 스트랩 툴팁 문제

Dipen

FontAwesome 5를 사용하는 동안 부트 스트랩 툴팁으로 추가 SVG 태그를 생성하기 때문에 하나 대신 두 개의 툴팁을 얻는 문제에 직면했습니다. 나는 부트 스트랩 툴팁에 대한 툴팁을 모든 곳에서 비활성화했지만 여전히 원하지 않는 툴팁이 나타납니다.

다음 코드로 문제 재현 가능

<span                
           class="fa fa-question-circle"
           data-toggle="tooltip"
           data-placement="right"
           title="Some Title"
           data-tt-head="Some Header"
           data-tt-footer="<a style='opacity: 70%' target='_blank' href=''>Read More ... 
</a>" >
</span>

Dipen

이 문제는 동일한 태그에서 대신 태그에 래퍼를 사용하여 아래 링크에서 찾은 @serghost의 솔루션에 따라 해결되었습니다.

https://github.com/FortAwesome/Font-Awesome/issues/11902

<span                
           data-toggle="tooltip"
           data-placement="right"
           title="Some Title"
           data-tt-head="Some Header"
           data-tt-footer="<a style='opacity: 70%' target='_blank' href=''>Read More ... 
</a>" >
<i class="fa fa-question-circle"></i>
</span>

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

툴팁의 "제목 속성"에 "오늘 날짜"표시 – 부트 스트랩

분류에서Dev

angularjs의 SVG 요소 위에 부트 스트랩 툴팁을 넣는 방법

분류에서Dev

부트 스트랩 팁 툴팁 여러 줄을 수행하는 방법

분류에서Dev

테두리와 콘텐츠 하이 차트 사이의 툴팁 공간 제거

분류에서Dev

부트 스트랩 툴팁 onblur 두 번 실행

분류에서Dev

ngx 부트 스트랩의 툴팁에 컨텍스트 전달

분류에서Dev

부트 스트랩 툴팁-툴팁 기능을 찾을 수 없음

분류에서Dev

숨겨진 차트의 툴팁을 숨기는 방법-Kendo Angular

분류에서Dev

부트 스트랩 툴팁을 전환하는 방법은 무엇입니까?

분류에서Dev

부트 스트랩 3 툴팁은 이미지 패딩을 제거합니다.

분류에서Dev

부트 스트랩 툴팁의 긴 mysql varchar 변수

분류에서Dev

부트 스트랩 툴팁의 정렬되지 않은 목록

분류에서Dev

Bootstrap-Slider의 툴팁을 텍스트 문자열 대 눈금 값으로 설정하는 방법

분류에서Dev

CKEDITOR를 클릭하면 부트 스트랩 툴팁 표시

분류에서Dev

툴팁이 작동하지 않음 (부트 스트랩)

분류에서Dev

툴팁 부트 스트랩이 작동하지 않음

분류에서Dev

캔버스 Easeljs의 포인트 위에 툴팁을 배치하는 방법

분류에서Dev

툴팁의 onHover 이벤트 테스트

분류에서Dev

부트 스트랩 툴팁을 사용한 Ajax 호출

분류에서Dev

부트 스트랩 툴팁을 사용한 Ajax 호출

분류에서Dev

angularjs의 툴팁 문제

분류에서Dev

동적으로 생성 된 버튼에 부트 스트랩 툴팁 추가

분류에서Dev

CSS 툴팁의 PHP 텍스트

분류에서Dev

JavaFX 8 툴팁은 스테이지의 투명성을 제거합니다.

분류에서Dev

나는 부트 스트랩을 사용하고 있으며 툴팁을 제외한 모든 것이 작동합니다.

분류에서Dev

클릭하여 툴팁 (부트 스트랩) 텍스트를 바꿉니다.

분류에서Dev

카운트 다운이 끝날 때의 부트 스트랩 툴팁

분류에서Dev

javascript는 아직 툴팁 아래에 있지 않은 문자열의 일부에 대한 툴팁을 만듭니다.

분류에서Dev

한 클래스에 대해서만 부트 스트랩 툴팁을 수정하는 방법

Related 관련 기사

  1. 1

    툴팁의 "제목 속성"에 "오늘 날짜"표시 – 부트 스트랩

  2. 2

    angularjs의 SVG 요소 위에 부트 스트랩 툴팁을 넣는 방법

  3. 3

    부트 스트랩 팁 툴팁 여러 줄을 수행하는 방법

  4. 4

    테두리와 콘텐츠 하이 차트 사이의 툴팁 공간 제거

  5. 5

    부트 스트랩 툴팁 onblur 두 번 실행

  6. 6

    ngx 부트 스트랩의 툴팁에 컨텍스트 전달

  7. 7

    부트 스트랩 툴팁-툴팁 기능을 찾을 수 없음

  8. 8

    숨겨진 차트의 툴팁을 숨기는 방법-Kendo Angular

  9. 9

    부트 스트랩 툴팁을 전환하는 방법은 무엇입니까?

  10. 10

    부트 스트랩 3 툴팁은 이미지 패딩을 제거합니다.

  11. 11

    부트 스트랩 툴팁의 긴 mysql varchar 변수

  12. 12

    부트 스트랩 툴팁의 정렬되지 않은 목록

  13. 13

    Bootstrap-Slider의 툴팁을 텍스트 문자열 대 눈금 값으로 설정하는 방법

  14. 14

    CKEDITOR를 클릭하면 부트 스트랩 툴팁 표시

  15. 15

    툴팁이 작동하지 않음 (부트 스트랩)

  16. 16

    툴팁 부트 스트랩이 작동하지 않음

  17. 17

    캔버스 Easeljs의 포인트 위에 툴팁을 배치하는 방법

  18. 18

    툴팁의 onHover 이벤트 테스트

  19. 19

    부트 스트랩 툴팁을 사용한 Ajax 호출

  20. 20

    부트 스트랩 툴팁을 사용한 Ajax 호출

  21. 21

    angularjs의 툴팁 문제

  22. 22

    동적으로 생성 된 버튼에 부트 스트랩 툴팁 추가

  23. 23

    CSS 툴팁의 PHP 텍스트

  24. 24

    JavaFX 8 툴팁은 스테이지의 투명성을 제거합니다.

  25. 25

    나는 부트 스트랩을 사용하고 있으며 툴팁을 제외한 모든 것이 작동합니다.

  26. 26

    클릭하여 툴팁 (부트 스트랩) 텍스트를 바꿉니다.

  27. 27

    카운트 다운이 끝날 때의 부트 스트랩 툴팁

  28. 28

    javascript는 아직 툴팁 아래에 있지 않은 문자열의 일부에 대한 툴팁을 만듭니다.

  29. 29

    한 클래스에 대해서만 부트 스트랩 툴팁을 수정하는 방법

뜨겁다태그

보관