のFacebookのLikeボタンのjQuery Javascriptを私はうまくいけば、誰かが私は私が<strong>が</strong>「クリック」するとき、表示するためにしたいことを、ページ</strong>上のボタンのような<strong>のFacebookを持っている:)</p> <p>を支援することができます少し問題を抱えている

Question

それの下の形。これまでのところ私は.clickを試しても動作しませんが、.hoverはありますか？しかし、私はそのようにしたくありません。

すべての情報をお待ちしております。

（テスト目的のためのようなボタンは仕事にもFacebookのスクリプトのために、まだ任意のページを参照していない、ローカルホストまたはそうでなければ、サーバー上にあることが必要）

ここでは私のコードです：

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

Answer 1

スクラッチ私の前の答え。私は再び見て、likeボタンがiframeにレンダリングされていることを知った。つまり、最初の発信元ポリシーによって保護されており、別のドメインのDOMコンポーネントにアクセスすることはできません。タフ運。