트위터는 내가 아약스 호출을 통해 페이지에 일부 HTML 요소를 배치하고있어 요소

의 중간에 잘못된 위치를 부트 스트랩, 그래서 나는 이렇게 같은 툴팁 전화 해요 : 내가 생각도 해봤트위터는 내가 아약스 호출을 통해 페이지에 일부 HTML 요소를 배치하고있어 요소

$(document).on('hover','.has-tooltip',function(){ 
    $(this).tooltip('show'); 
});

을 이 :

$('body').tooltip({ 
    selector: '[rel=tooltip]' 
});

그러나 문제는 계속됩니다.

문제는 툴팁이 바깥 쪽 경계선 대신 발사 요소의 가운데에 정확히 표시된다는 것입니다.

이런 식으로 툴팁은 부분적으로 발사 요소를 숨기는 것입니다.

문제를 일으키는 도구 설명이 .on()과 함께 호출 될 수 있습니까?

모든 솔루션? 툴팁에 표시되는 요소로부터 어떻게 거리를 조정할 수 있습니까?

여기

<a 
    style="display:block" 
    data-placement="left" 
    data-original-title="Add" 
    class="has-tooltip pull-right icon-black" 
    rel="tooltip" href="#" 
> 
<i class="icon-plus"></i> 
</a>

출처

2013-03-21 ghego1

는 –

나는 부트 스트랩 버그라고 생각한다. 2.3.1로 업데이트했으며 문제가 (부분적으로) 해결되었습니다 (일부 경우에도 계속 발생하지만 이유는 없습니다). 2.3.1에 대한

변경 로그는 말한다 :

fix delegated data-attrs for popover/tooltip

출처

2013-03-26 21:35:57 ghego1

왜 당신이 당신의 아약스의 툴팁이 성공 호출을 부착하지 않는 HTML입니까?

$.ajax({ 
    success: function(){ 
     $('.has-tooltip').tooltip(); 
    } 
})

출처

2013-03-21 18:31:56 Vassilis

가 일하는 어쨌든 문제의 코드에서 오류에 대한 – ghego1

첫 번째 코드에는 존재하지 않는 hover 이벤트가 사용됩니다. 대신 mouseenter 또는 mouseover 이벤트를 사용해야합니다.

두 번째 코드에서 링크 대신 body 태그에 tooltip()을 추가하고 있습니다.

코드를 다음과 같이 변경 했으므로 작동합니다.

$('body').delegate('a.has-tooltip', 'mouseenter', function() { 
    $(this).tooltip('show'); 
});

추가 질문을 주시기 바랍니다 : 당신은 라이브 데모 here을 볼 수 있습니다.

출처

2013-03-21 19:53:59

죄송합니다 ... 모든과 같이 작동하지 않는 우리에게 당신의 HTML 코드를 표시합니다 (I 단지 여기에 철자가 잘못 표시됨) 툴팁이 실제로 표시됩니다. 문제는 do가 잘못된 위치 (즉, 실행 요소의 중간)에 코드를 표시 할 때 발생한다는 것입니다. 나는 어딘가에 일부 코드와 충돌이있을 것 같아요. 내 모든 CSS를 게시 할 수 없기 때문에, 먼저 어디를보아야하는지 제안 해 주시겠습니까? 감사! – ghego1

@ ghego1 jsfiddle을 사용하여 모든 js를 보여줄 수 있습니까? 코드를 잘못된 위치에 넣는 것 같습니다. –

트위터는 내가 아약스 호출을 통해 페이지에 일부 HTML 요소를 배치하고있어 요소

답변

관련 문제