Получение текущего полного URL с помощью JavaScript и использование его с jQuery - PullRequest
0 голосов
/ 09 марта 2012

Я должен внедрить кнопки социальных сетей на каком-то сайте.Я надеюсь сделать это как можно проще и в будущем, чтобы клиенту не нужно было ничего добавлять при создании новой страницы.Все его страницы HTML (не PHP), поэтому я не могу использовать любой PHP.Я думал о JS, а затем использовал jQuery .append, чтобы все было красиво и легко, но мне было интересно, есть ли лучший способ и / или этот метод имеет недостатки?Вот код:

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>
    <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>

Любые замечания потот?Я не хочу полностью реализовывать это, а затем должен изменить все заново.

Ответы [ 2 ]

0 голосов
/ 01 июня 2012

Время от времени по любой причине библиотеки API Google отключаются.

Я думаю, что включение резервного метода для загрузки jQuery приветствовалось бы в разделе head:

<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 может вас заинтересовать на основе JavaScript и jQuery, а не CSS3. Одна из веб-страниц сайта использует социальный плагин от Wordpress, на который вы, возможно, захотите посмотреть. Он показывает метод, аналогичный вашему DIV и JS, но отличается для схемы подключения FB. Возможно, метод mashup в порядке.

Если jqDock является излишним, есть намного больше изящных плагинов Social Button и CSS / Animated обучающих программ , из которых можно выбрать, какие из них прямо в том, что они делают.

0 голосов
/ 09 марта 2012

Вы можете поместить свой fb-подобный div в #fb и редактировать data-href после загрузки:

$("#fb-like").data("href",window.location);
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...