2011-09-08 4 views
3

언젠가 며칠 내 사이트의 버튼이 모두 중복되어 표시되며 주변의 간격이 너무 바뀌어 너무 많은 공간이 있습니다. 페이스 북의 끝 부분에서 뭔가 바뀌 었습니까? 그러면 제 코드가 제대로 동작하는 데 이런 식으로 행동하게 될까요?버튼이 방금 중복 표시를 시작했습니다. 페이스 북의 끝에서 뭔가 바뀌 었습니까?

다음은 링크 예 http://www.weddingwise.co.nz/vendor/kumeu-valley-estate입니다. 왼쪽 텍스트 아래에서 조금 아래로 스크롤하면 같은 단추가 표시됩니다.

<div class="fb-like"><fb:like show_faces="false" font="lucida grande"></fb:like></div> 

을 그리고 내 몸의 아래쪽에 나는 또한에 열려 그래프 물건을

<div id="fb-root"></div> 
<script> 
window.fbAsyncInit = function() { 
FB.init({appId: '150631368293357', status: true, cookie: true, 
     xfbml: true}); 
}; 
(function() { 
var e = document.createElement('script'); 
e.type = 'text/javascript'; 
e.src = document.location.protocol + 
    '//connect.facebook.net/en_US/all.js'; 
e.async = true; 
document.getElementById('fb-root').appendChild(e); 
}()); 
</script> 

이 코드를 가지고 다음과 같이

코드 I 버튼을 생산하기 위해 사용하고있다 각 페이지. 위의 링크를 일치하는 그 예이다 :이 코드는 바로 오늘 잘 전하지만 일하는

<meta property="og:title" content="Kumeu Valley Estate"/> 
<meta property="og:type" content="article"/> 
<meta property="og:url" content="http://www.weddingwise.co.nz/vendor/kumeu-valley- estate/"/> 
<meta property="og:image" content="http://www.weddingwise.co.nz/images/uploads/vendor-thumbs/kumeuestate.jpg"/> 
<meta property="og:site_name" content="WeddingWise.co.nz"/> 
<meta property="fb:app_id" content="150631368293357"/> 
<meta property="og:description"content="Kumeu Valley Estate wedding vendor profile &amp; reviews on WeddingWise.co.nz"/> 

나는 등의 버튼이 같은 중복되는 것을 알 수 있습니다. 그들은 그것들 중 두 개를 보여주는 것만으로 외관상의 문제 일지라도 그들은 잘 작동하는 것처럼 보입니다.

버그이거나 페이스 북의 변경 사항입니까? 다시 제대로 표시하려면 무엇을해야합니까?

답변

0

저는 100 % 확신 할 수는 없지만 소스 코드를 볼 때 분명히 버튼 하나 뿐이므로 다른 페이지를 보지 못했기 때문에 두 번 렌더링되지 않은 태그가있는 것으로 생각합니다. 이 두 번 렌더링. 나는 here에 열거 된 페이지에 대한 html 검증 오류를 수정하거나 소스 컨트롤을 확인하여이 문제를 일으킨 다른 것이 변경되지 않았는지 확인해야한다.

2

나는 동일한 문제가있었습니다.

이유는 모르겠지만 클래스 이름을 <div class="fb-like">에서 <div class="fblike">으로 변경하면 해결됩니다.

0

나는 동일한 문제가있었습니다. 페이스 북이 아무에게도 말하지 않고 구현 스크립트처럼 fb :를 업데이트 한 것 같습니다. 버튼과 같은 표준을 추가하여 "fb-like"클래스를 찾습니다! 클래스 이름을 변경하면 문제가 해결됩니다.

1

FYI는 요소에 class = "fb-like"를 추가하면이 경우 문제가 발생합니다. 페이스 북과 트위터 버튼 컨테이너에 패딩을 추가하는 데이 클래스 이름을 사용하는 실수를 범하고 3 개의 페이스 북과 같은 버튼을 만들었습니다. 따라서 클래스 이름에 "fb- anything"을 사용하지 마십시오. 페이스 북이 다음에 무엇을 할 것인지 누가 알겠습니까?!

관련 문제