SORU
18 Kasım 2010, PERŞEMBE


Bir Facebook ekleme "Gibi" bir AJAX için düğmeye tahrik sayfa

Ben balığa çıkmış net Stackoverflow ve bulunamadı yeterli bir cevap bu soru ve çalışmaya başlamadan önce deneme yanılma sürecinin bulmak benim kendi çözüm, öyle düşündüm açmak için Stackoverflow braintrust olup olmadığını anlamak için zaten başarılı bir uygulama.

Özellikle, düzgün olmayan javascript tarayıcılar için SEO düşüyor AJAX destekli bir sayfa var. AJAX sürümünde her bir tıklama benzersiz bir URL tarafından temsil edilebilir. Yapmak istediğim dinamik olarak button HREF değiştirin. Bu etiket, zamanında standart HTML (yani / iframe düzen kötü bir tabloya dönüştürülür anlıyorum.

Eğer herkes AJAX destekli sayfa üzerine düğme gibi bu FB uygulamak için nasıl herhangi bir fikir var mı diye merak ettim?

Şimdiden şerefe :)

DÜZENLEME:

Sen sadece birlikte hack bu yöntem hakkında ne düşünüyorsun? Herhangi bir büyük sorunlar görüyor musunuz?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

    <script src="JS/jquery/jquery.js" type="text/javascript"></script>
    <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>

    <script language="javascript" type="text/javascript">
        $("document").ready
        (
            function ()
            {
                CreateNewLikeButton("http://www.yahoo.com")

                $("a#ChangeToGoogle").click
                (
                    function (e)
                    {
                        e.preventDefault();
                        CreateNewLikeButton("http://www.google.ca")
                    }
                );

            }
        );

        function CreateNewLikeButton(url)
        {
            var elem = $(document.createElement("fb:like"));
            elem.attr("href", url);
            $("div#Container").empty().append(elem);
            FB.XFBML.parse($("div#Container").get(0));
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <a id="ChangeToGoogle" href="#">Change To Google</a>
    <div id="Container">
        <fb:like href="http://www.NEVER_LINK_TO_THIS_12345.com"></fb:like>
    </div>
    </form>
</body>

</html>

CEVAP
17 EYLÜL 2011, CUMARTESİ


BASİT ÇÖZÜM

Yükleme tamamlandığında sadece ayrıştırma ayrıştırma işlevini tetikler.

Eğer jQuery kullanıyorsanız, bu sorun için çok kolay ve kaygan bir çözüm var:

$(document).ajaxComplete(function(){
    try{
        FB.XFBML.parse(); 
    }catch(ex){}
});

http://developers.facebook.com/docs/reference/plugins/like/

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • NPR

    NPR

    22 NİSAN 2006
  • Peyton

    Peyton

    28 Aralık 2008
  • Snazzy Labs

    Snazzy Labs

    9 Aralık 2008