Facebook的Like按鈕的Jquery的Javascript

我有一個小問題，希望有人能與:)Facebook的Like按鈕的Jquery的Javascript

幫助我有一個Facebook的喜歡按鈕頁面上，我想，當「點擊」顯示它下面的一個表格。到目前爲止，我已經嘗試.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>

來源

2016-11-14 Steven Mihelakis

劃傷我以前的答案。我再次看了看，發現類似按鈕在iframe中呈現。這意味着它受到第一個來源策略的保護，您無法訪問其他域上的DOM組件。倒黴。

來源

2016-11-14 04:45:22

awwwww吮！儘管非常感謝偵察工作，但爲了讓它工作，我又救了我無數個小時。 –

是的。我自己有點傷心欲絕。我打算在稍後的項目中和你一樣做。不會發生這種情況。感謝您的投票。 –

Facebook的Like按鈕的Jquery的Javascript

回答

相關問題