FB 코드는 페이지에서 숨겨진 div에로드됩니다. 섹션을 클릭하면 jQuery를 사용하여 내용을 새 위치로 이동합니다. 이로 인해 box_count 거품이 접히지 만 IE에서만 나타납니다. HTML로 들어가기 .connect_widget_number_cloud 클래스 엘리먼트의 width 속성은 1px로 설정되어 있습니다. 다른 도메인에 있기 때문에 하위 콘텐츠에 들어가서 너비를 업데이트 할 수 없습니다. 내가 할 수있는 일이 있습니까? 1. 버블을 오버레이 할 수 있도록 버블을 표시하지 않도록합니다. 2. IE에서 올바르게 렌더링되도록 만드시겠습니까?붕괴 카운트 버블, 피하는 법?
거품이 움직일 때까지 예상대로 나타납니다.
위젯 코드를 인라인으로 추가하는 대신 동적으로 추가하여이 문제를 해결할 수 있습니다. 해당 영역에서 빈 자리 표시 자 DIV를 사용할 수 있습니다. 그런 다음 섹션을 확장 할 때 코드를 추가하고 Javascript SDK에 구문 분석하도록 지시합니다. 예, 간결 jQuery를 사용하여 : 여기
var placeholder = $('#placeholder_id');
placeholder.append('<div class="fb-like" data-send="true" data-width="450" data-show-faces="true"></div>');
FB.XFBML.parse(placeholder[0]);
한 쪽의 이익은이 위젯이 부분 만이 소폭 섹션의 로딩 속도를 느리게 할 수 있지만, 페이지의 나머지 부분을 빠르게 할, 확장 될 때 렌더링되는 의미이다 하중.