Як я магу адладзіць якая адсутнічае Facebook Like Button?

Я спрабую прыкласці Як кнопкі і Tweet Button на старонцы з дапамогай JQuery. Кнопка Tweet працуе проста выдатна, але як і кнопка не з'явіцца. Я не ведаю, што гэта няправільна, але яшчэ горш, я не атрымліваю ніякіх памылак або паведамленні, якія паказваюць на праблемы.

Як я магу атрымаць Facebook, Firebug, або што-небудзь сказаць мне, што не хапае, ці выкінуць адпаведныя памылкі?

Вось гэта дэманстрацыя jsfiddle .

Вось поўны код для тых з вас, хто не хоча ісці ў jsfiddle:

/**
 * Generate the container elements for social media stuff.
 */
$(function generateSocMedElements($) {
    var id = "socmed",
        $container,
        $fb_root,
        $fb_like,
        $tweet_button;
    if ($("#" + id).length <= 0) {
        $container = $(document.createElement("aside")).
            addClass("socmed").
            attr("id", id);
        $fb_root = $(document.createElement("div")).attr("id", "fb-root");
        $fb_like = $(document.createElement("div")).
            addClass("fb-like").
            attr("data-href", "example.org").
            attr("data-send", "false").
            attr("data-layout", "button_count").
            attr("data-width", 82).attr("data-show-faces", "false");
        $tweet_button = $(document.createElement("a")).
            addClass("twitter-share-button").
            attr("href", "//twitter.com/share").
            attr("data-count", "none").
            text("Tweet");
        $container.
            appendTo($("header").first()).
            append($fb_root).
            append($fb_like).
            append($tweet_button);
    }
});

/**
 * Load the script for the Facebook API.
 */
$(function loadFacebook($) {
    var id = "facebook-jssdk";
    if ($("#" + id).length <= 0) {
        $(document.createElement("script")).
            attr("id", id).
            attr("src", "//connect.facebook.net/en_US/all.js").
            appendTo("head");
    }
});

/**
 * Load the script for the Twitter API.
 */
$(function loadTwitter($) {
    var id = 'twitterSdk';
    if ($("#" + id).length <= 0) {
        $(document.createElement("script")).
            attr("id", id).
            attr("src", "//platform.twitter.com/widgets.js").
            appendTo("head");
    }
});
3
@CalebGray Аднайменная і чырыканне кнопка не павiнна існаваць, калі запускаецца гэты сцэнар, але я кінуў у чэку толькі ў выпадку, калі ён робіць. Што павінна адбыцца, што кнопкі Tweet і Як павінны выглядаць як дзеці ў у бок элемент, прыкладзеным да першага загаловак элемента на старонцы.
дададзена аўтар kojiro, крыніца
@ShawnECarter Так, я бачыў, што таксама. Але што больш дзіўнага, што Firebug яшчэ, здаецца, прызнаць сцэнар у спісе загружаных сцэнарыяў. выдаліць ці сцэнар сам па нейкай прычыне сварлівы?
дададзена аўтар kojiro, крыніца
Вы павінны адладзіць якая адсутнічае фэйсбук як кнопка з дапамогай "Зніклы Facebook Як Кнопка Debugger Add-On для Visual Studio 2010", вядома.
дададзена аўтар Camilo Martin, крыніца
у Js скрыпкі ён выглядае як all.js не будучы прыкладзеным да якой-небудзь прычыне. Я буду працягваць гуляць з гэтым на некаторы час і пасля назад з любымі вынікамі. Я хацеў бы прапанаваць толькі з дапамогай версіі Iframe аднайменных кнопак на дадзены момант.
дададзена аўтар Shawn E Carter, крыніца
Што менавіта вы спрабуеце дасягнуць з дапамогай гэтага кода? Наколькі я магу сказаць, што вы спрабуеце дынамічна загружаць кнопкі ... але вы выкарыстоўваеце «#» і «ідэнтыфікатар» усяго для выбару элементаў, а таксама з дапамогай «addClass.» Вы спрабуеце знайсці «Like» і «Tweet» спасылкі на старонцы і замяніць іх дынамічна генерыруюцца кнопкамі?
дададзена аўтар Caleb Gray, крыніца

1 адказы

http://jsfiddle.net/ShawnsSpace/btN89/3/ i was able to get it to work by

  1. даданне Div тэг ў загалоўку
  2. ўпакоўка generateSocMedElements() у функцыі і выклік пасля загрузкі старонкі.
  3. выкарыстоўваюцца Facebooks html5 сцэнар.

, Вам прыйдзецца Твік гэта, каб атрымаць жаданы выгляд.

OH HAI I HAZ A HEADER

<div id="fb-root"></div>

/**
 * Load the script for the Facebook API.
 */

(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_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));


/**
 * Load the script for the Twitter API.
 */
$(function loadTwitter($) {
    var id = 'twitterSdk';
    if ($("#" + id).length <= 0) {
        $(document.createElement("script")).
            attr("id", id).
            attr("src", "//platform.twitter.com/widgets.js").
            appendTo("head");
    }
});
function loadthis($){
$(function generateSocMedElements($) {
    var id = "socmed",
        $container,
        $fb_root,
        $fb_like,
        $tweet_button;
    if ($("#" + id).length <= 0) {
        $container = $(document.createElement("aside")).
            addClass("socmed").
            attr("id", id);
        $fb_root = $(document.createElement("div")).attr("id", "fb-root");
        $fb_like = $(document.createElement("div")).
            addClass("fb-like").
            attr("data-href", "example.org").
            attr("data-send", "false").
            attr("data-layout", "button_count").
            attr("data-width", 82).attr("data-show-faces", "false");
        $tweet_button = $(document.createElement("a")).
            addClass("twitter-share-button").
            attr("href", "//twitter.com/share").
            attr("data-count", "none").
            text("Tweet");
        $container.
            appendTo($("header").first()).
            append($fb_root).
            append($fb_like).
            append($tweet_button);
    }
});
}
loadthis($);
4
дададзена