Javascript 共享状态后JQuery重定向_Javascript_Jquery_Html_Facebook

Javascript 共享状态后JQuery重定向

javascript jquery html facebook

Javascript 共享状态后JQuery重定向,javascript,jquery,html,facebook,Javascript,Jquery,Html,Facebook,我试图了解用户如何在Facebook上共享一个页面，然后重定向到另一个页面我从这个链接中学到：另一个stackoverflow：我不知道哪里出错了，但这是我的源代码 <!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/1

我试图了解用户如何在Facebook上共享一个页面，然后重定向到另一个页面

我从这个链接中学到：
另一个stackoverflow：

我不知道哪里出错了，但这是我的源代码

<!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>
<script src="jquery-latest.min.js"></script>
<script src="jquery.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>

</head>

<style>


* {
    margin: 0px;
    padding: 0px;
    text-decoration:none;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
body {
    background:rgb(249, 249, 249);
    font-family:"Lato", Calibri, Arial, sans-serif;
}
.container > div > p {
    text-align: center;
    margin:40px auto;   
}
.fsl, content-download {
    display: table;
    margin:40px auto;
    padding: 6px;
    border-radius: 2px;
    opacity: 0.6;
}
.fsl-facebook {
    background:#14A0E9;
}
.content-download {
    background:#6DC118;
    display: none;
}
.content-download.unlocked {
    display: table;
}
.fsl span {
    color: #FFF;
}
.fa-icons {
    font-family: FontAwesome;
    font-size: 20px;
    color: #FFF;
}
.fsl:hover {
    opacity: 1;
}
.hidden {
    display: none;
    opacity: 0;
}


</style>


<body>



<center>
<div class="container">

    <div>
       <p>This file is locked, to unlock and download it, share it</p>
       <p class="hidden">Thanks for sharing, the file is unlocked and ready for download</p>
       <p class="hidden">In order to download this file, you need to share it</p>
    </div>
    <a class="fsl fsl-facebook" href="#" id="facebook-share">
       <span class="fa-facebook fa-icons fa-lg"></span>
       <span class="sc-label">Share on Facebook</span>
    </a>

    <a class="fsl content-download" href="" id="download-file">
       <span class="fa-download fa-icons fa-lg"></span>
       <span class="sc-label">Download File</span>
    </a>

</div>

<div id="fb-root"></div>
<script>
$(document).ready(function () {

      window.fbAsyncInit = function() {
        FB.init({
          appId      : '553435274702353',
          version    : 'v2.0'
        });
      };   
    $('#facebook-share').on('click', function() {
      /** display the share dialog and wait for the response **/
      setTimeout(function(){ $('p').addClass('hidden') }, 1500);
      FB.ui({
            display: 'popup',
            method:  'share',
            href: 'https://developers.facebook.com/docs/',
            },
            /** our callback **/
            function(response) {
                     if (response && response.post_id) {
                        /** the user shared the content on their Facebook, go ahead and continue to download **/
                         $('p:eq(1)').removeClass('hidden');
                         $('p:eq(0), #facebook-share').addClass('hidden');
                         $('#download-file').addClass('unlocked');
                     } else {
                        /** the cancelled the share process, do something, for example **/
                         $('p:eq(2)').removeClass('hidden');
                     }
            });

     });
});

// Load the SDK
(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/sdk.js";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

      </center>
</body>
</html>


* {
边际：0px；
填充：0px；
文字装饰：无；
-moz转换：所有0.5秒到0秒；
-o型过渡：所有0.5秒到0秒；
-webkit转换：所有0.5秒轻松0秒；
过渡：所有0.5秒到0秒；
}
身体{
背景：rgb（249249）；
字体系列：“Lato”、Calibri、Arial、无衬线字体；
}
.container>div>p{
文本对齐：居中；
利润率：40px自动；
}
.fsl，内容下载{
显示：表格；
利润率：40px自动；
填充：6px；
边界半径：2px；
不透明度：0.6；
}
.fsl facebook{
背景：#14A0E9；
}
.下载内容{
背景#6DC118；
显示：无；
}
.content-download.unlocked{
显示：表格；
}
.fsl跨度{
颜色：#FFF；
}
.fa图标{
字体系列：Fontsome；
字体大小：20px；
颜色：#FFF；
}
.fsl:悬停{
不透明度：1；
}
.隐藏{
显示：无；
不透明度：0；
}
此文件已锁定，若要解锁并下载，请共享它
感谢您的共享，该文件已解锁，可供下载
要下载此文件，您需要共享它
$（文档）.ready（函数（）{
window.fbAsyninit=函数（）{
FB.init({
appId:'553435274702353'，
版本：“v2.0”
});
};   
$（“#facebook共享”）。在（'click'，function（）上{
/**显示共享对话框并等待响应**/
setTimeout（函数（）{$（'p'）.addClass（'hidden'）}，1500）；
FB.ui({
显示：“弹出窗口”，
方法：'共享'，
href:'https://developers.facebook.com/docs/',
},
/**我们的回电**/
功能（响应）{
if（应答和应答后id）{
/**用户在他们的Facebook上共享了内容，继续下载**/
$（'p:eq（1）'）。移除类（'hidden'）；
$（'p:eq（0），#facebook share'）.addClass（'hidden'）；
$（“#下载文件”）.addClass（'unlocked'）；
}否则{
/**用户取消了共享过程，例如，执行某些操作**/
$（'p:eq（2）'）。移除类（'hidden'）；
}
});
});
});
//加载SDK
（功能（d、s、id）{
var js，fjs=d.getElementsByTagName[0]；
if（d.getElementById（id））{return；}
js=d.createElement；js.id=id；
js.src=“//connect.facebook.net/en_US/sdk.js”；
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；

单击“共享”按钮时，我的错误如下：

另外，我正在寻找一种方法，让页面在共享后重定向

我真的需要帮助。

重定向到哪里？为什么？@WizKid，重定向到我们的可用程序列表。为什么？让大家了解我们在网站上的编程代码。你不允许鼓励分享。因此，如果他们必须分享才能看到它，那么它是不允许的。我已经在@WizKid找到了答案