터보 링크로 페이지를 바꿀 때 소셜 버튼 트위터 페이 스북 사라짐

Question

SDK 나 인증이 필요없는 Twitter 및 Facebook 소셜 버튼을 사용하고 있습니다.

https://about.twitter.com/resources/buttons#tweet

및

https://developers.facebook.com/docs/plugins/share-button

처음 페이지를로드하거나 새로 고침

, 트윗 버튼과 공유 버튼 쇼. 그러나 링크를 클릭하여 탐색 할 때 동일한 소셜 버튼이 표시되지 않습니다.

터보 링크를 사용하여 스크립트를로드하고 실행하려면 어떻게해야합니까?

Answer 1

turbolinks 페이지를 새로 고침 할 때 자바 스크립트를 다시로드하지 않기 때문입니다. 이는 터보 링크의 예상되는 동작입니다. 그러나 때로는 타사 자바 스크립트를 다시로드해야 할 수도 있습니다.

해결 방법 : 다시로드해야 자바 스크립트가 포함 된 페이지로 연결되는 링크에

안 turbolinks. 귀하의 소셜 버튼이있는 페이지로 연결되는 링크를 클릭하십시오.

예 :

<%= link_to "the page containing your social buttons", social_page_path, "data-no-turbolink": true %> 

또 다른 해결 방법 : 소셜 버튼을 누른 다음 매번 다시로드 할 turbolinks을 강제 할 수있는 페이지 realod 이벤트에 바인더 제본하는 경우

. 보완 보석 사용 jquery.turbolinks 설치 지침을 따르십시오. turbolinks가 document.ready() 함수 안에 원하는 모든 자바 스크립트를 다시로드하도록 할 수 있습니다.

예 :

$(document).ready(function() { 
    // your social buttons javascript code 
}); 

수동 소셜 버튼을 포함하는 페이지로 이어지는 링크를 turbolinks을 해제하지 않아도 이쪽으로.

희망이 도움이됩니다.