2016-10-27 3 views
0

툴팁 :벽돌 벽돌 미디어 항목 블록은 레일 3 응용 프로그램에서 다음은

페이지가 첫 번째 아이콘이 작동 툴팁으로 표시되지만 두 번째 아이콘의 툴팁이 결코 볼 볼
<i class="fa fa-hourglass-half has-tooltip info-icon-small" aria-hidden="true" data-toggle="tooltip" data-placement="auto" data-original-title="This tooltip shows up as expected."></i> 
<ul class="masonry media-grid" style="margin-top: 15px;"> 
    <li class="masonry-brick media-item"> 
     <h3>This text shows up</h3> 
     <i class="fa fa-hourglass-half has-tooltip info-icon-small" aria-hidden="true" data-toggle="tooltip" data-placement="auto" data-original-title="No sign of this tooltip."></i> 
    </li> 
</ul> 

. 각 <li> 요소에서 class="masonry-bick media-item"을 제거하면 툴팁이 나타나고 물론 레이아웃을 엉망으로 만듭니다.

왜 이런 일이 발생하는지 또는 <li class="masonry-brick media-item"> 요소 내에 툴팁을 표시하는 방법을 알 수 있습니까?

답변

0

아무도이 문제를 해결할 방법을 알고있는 것처럼 보이지 않을 수도 있지만 툴팁을 표시하는 해결 방법을 사용했습니다. 이 따라서, <li> 요소로 아이콘에서 툴팁을 제거하고 그들을 연결하는이었다

<li class="masonry-brick media-item" data-toggle="tooltip" data-placement="auto" title="First tooltip. &#13;Second tooltip."> 

이 큰 것은 아니지만 적어도 필요한 메시지가 표시 될 때 아이콘을 포함하는 요소 위로 마우스를 이동합니다.