자바 스크립트로 현재 URL 전체 얻기 및 jQuery와 함께 사용하기

일부 웹 사이트에 소셜 네트워크 버튼을 구현하려고합니다. 나는 새로운 페이지를 만들 때 고객이 아무 것도 추가 할 필요가 없도록 가능한 한 쉽게 그리고 미래를 보장하기를 바라고 있습니다. 그의 모든 페이지는 HTML (PHP가 아님)이므로 PHP를 사용할 수 없습니다. JS를 생각하고 jQuery의 .append을 사용하여 멋지고 쉽게 만들었지 만, 더 좋은 방법이 있는지,이 방법에 결함이 있는지 궁금합니다.자바 스크립트로 현재 URL 전체 얻기 및 jQuery와 함께 사용하기

HEAD (스크립트) :

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script>$(document).ready(function() { 
    var currentURL = window.location; //Get the URL, put it in a variable 

    $('#fb').append('<div class=\"fb-like\" data-href=\"' + currentURL + '\" data-send=\"true\" data-width=\"450\" data-show-faces=\"true\" data-font=\"arial\"></div>'); 
});</script>

BODY

<body> 
    <div id="fb-root"></div> 
    <script> 
     (function (d, s, id) { 
      var js, fjs = d.getElementsByTagName(s)[0]; 
      if (d.getElementById(id)) return; 
      js = d.createElement(s); 
      js.id = id; 
      js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId=177213782346727"; 
      fjs.parentNode.insertBefore(js, fjs); 
     }(document, 'script', 'facebook-jssdk')); 
    </script> 

    <div id="fb">Test</div> 
</body>

이에 대한 모든 발언 여기에 코드? 나는 이것을 완벽하게 구현하고 다시 모든 것을 바꾸고 싶지 않습니다.

출처

2012-03-09 Bram Vanroy

좋아 보이는 답 –

을 일단 구글의 API 라이브러리가 어떤 이유에서 아래로 이동 한 동안.

내가 머리 부분에서 환영을받을 것입니다 jQuery를로드하는 대체 방법을 포함하여 생각 : 오픈 소스로 애니메이션, 버튼 스스로

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script>window.jQuery || document.write('<script src="js/jquery-1.7.1.min.js"><\/script>')</script>

jqDock 자바 스크립트와 jQuery를하고에 기반이되는 당신을 관심을 가질만한 CSS3 아닙니다. 해당 사이트의 webpages 중 하나는 보려는 Wordpress의 소셜 플러그인을 사용하고 있습니다. 그것은 당신의 DIV와 JS와 비슷한 방법을 보여 주지만 FB 연결 방식은 다릅니다. 아마 매시업 방법이 순서에있다.

jqDock이 과도 할 경우 사회 복지 (Social Button) 플러그인과 CSS/Animated tutorials이 있습니다.

출처

2012-06-01 11:05:31 arttronics

당신은 부하 후 FB-같은 #fb에서 DIV, 편집 데이터 HREF를 넣을 수 있습니다 :

$("#fb-like").data("href",window.location);

출처

2012-03-09 17:23:52 Alytrem

답장을 보내 주셔서 감사합니다.하지만 내 고객은 FB라는 div를 제공해야하며 내 고객은 동일한 기본 아이디어를 제공하지만 div 그가 혼란스러워 할 수있는 클라이언트에게. 그래도 답장을 보내 주셔서 감사합니다! –

자바 스크립트로 현재 URL 전체 얻기 및 jQuery와 함께 사용하기

답변

관련 문제