2016-11-14 2 views
0

ich ein kleines Problem haben hoffentlich kann jemand mit :)Facebook Like Button Jquery Javascript

helfen Ich habe eine Facebook wie Button auf einer Seite, dass ich möchte, wenn ‚geklickt‘ anzuzeigen ein Formular darunter. Bisher habe ich versucht .click und es funktioniert nicht, aber .hover tut es! Aber ich will es nicht so.

Alle Informationen würden sehr geschätzt werden!

(zu Testzwecken auf die Schaltfläche bezieht sich nicht auf jeder Seite noch, auch für Facebook-Skript zur Arbeit auf einem Server sein muss, localhost oder auf andere Weise)

Hier ist mein Code:

<!-- Add Jquery --> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 

<!--My styles --> 
    <style> 
    #form{display: none;width:400px;} 

    </style> 

<!-- Facebook Code --> 
    <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 = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.8"; 
     fjs.parentNode.insertBefore(js, fjs); 
    }(document, 'script', 'facebook-jssdk')); 
    </script> 

<!-- MY click Event --> 
     <script> 
      $(document).ready(function(){ 
       $(".fb-like").click(function(){ //click doesnt work, hover does 
        $("#form").css("display","block"); 
       }); 
      }); 

      </script> 

    <!-- the Button --> 
    <div class="fb-like" data-href="#" data-layout="button_count" data-action="like" data-size="large" data-show-faces="false" data-share="false"></div> 

    <!-- The Form --> 
    <form id="form"> 
     <input type="text" name="name" value="First Name"><br> 
     <input type="email" name="email" value="Your Email"> 
     <button type="submit" name="submit" value="submit">Sign Up</button> 
    </form> 

Antwort

0

Ein Kratzer meine vorherige Antwort. Ich schaute wieder und fand heraus, dass der gleiche Knopf in einem iframe gerendert wird. Das bedeutet, es ist durch die erste Ursprungsrichtlinie geschützt und Sie können NICHT auf DOM-Komponenten in einer anderen Domäne zugreifen. Pech.

+0

awwwww, das ist zum Kotzen! Vielen Dank für die detektivische Arbeit, rettete mir aber noch unzählige Stunden, um es zum Laufen zu bringen. –

+0

Ja. Ich bin selbst ein wenig untröstlich. Ich hatte vor, das selbe zu tun wie du später bei einem Projekt. Es wird nicht so aussehen wie. Danke für die Abstimmung. –

Verwandte Themen