无法将Social Locker jQuery与Weebly站点集成-Can'；我不想让柜子露出来_Jquery_Social_Weebly

无法将Social Locker jQuery与Weebly站点集成-Can'；我不想让柜子露出来

jquery

无法将Social Locker jQuery与Weebly站点集成-Can'；我不想让柜子露出来,jquery,social,weebly,Jquery,Social,Weebly,我开始建立一个新网站，并希望为我的一个按钮集成OnePress的jQuery Social Locker。然而，当我访问我的网站时，社交锁“请在继续之前喜欢…”根本不显示我希望能得到任何帮助，因为这已经让我的基本知识难倒了到目前为止，我已经做了以下工作：已将CSS文件（pandalocker.2.1.0.min.CSS）、jquery文件（pandalocker.2.1.0.min.js）（jquery.min.js）（jquery.ui.highlight.min.js）和所有适用的图

我开始建立一个新网站，并希望为我的一个按钮集成OnePress的jQuery Social Locker。然而，当我访问我的网站时，社交锁“请在继续之前喜欢…”根本不显示

我希望能得到任何帮助，因为这已经让我的基本知识难倒了

到目前为止，我已经做了以下工作：

已将CSS文件（pandalocker.2.1.0.min.CSS）、jquery文件（pandalocker.2.1.0.min.js）（jquery.min.js）（jquery.ui.highlight.min.js）和所有适用的图像文件上载到我的网站资产

将以下代码添加到我的HTML页面：

<head>
<meta charset="utf-8">
<!--Meta Mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="files/theme/style.animate.css">
<script type="text/javascript" src="/files/theme/jquery.modernizr.custom.js"></script>
<script src="/files/theme/jquery.min.js"></script>
<script src="/files/theme/jquery.ui.highlight.min.js"></script>
<script src="/files/theme/pandalocker.2.1.0.min.js"></script>
<link type="text/css" rel="stylesheet" href="files/theme/pandalocker.2.1.0.min.css">
<script>

jQuery（文档）.ready（函数（$）{
$（“.to lock”）.sociallock({
正文：{
标题：'请'喜欢'我们的页面来查看您的照片'，
消息：“”
},
主题:"秘密",，
facebook：{
比如：{
网址：'https://www.facebook.com/FlashBulbMemoriesPhotobooth/',
标题:"像我们一样",，
证实：正确
}
},
按钮：{
订单：[“类似facebook”]，
柜台：错，
懒惰：是的
}
});
});

将以下按钮（使用页面主题）添加到我的网站的“事件库”下

不要在我的帖子上发帖子。我们能够解决这个问题。在jQuery字符串标题中，我没有使用双引号来封装文本，其中在单词“Like”周围包含单引号。看起来像是换了它
  jQuery(document).ready(function ($) {
   $(".to-lock").sociallocker({
    text:{
       header: 'Please 'Like' our page to view your photos',
       message: ''
    },
    theme: 'secrets',
    facebook:{
       like:{
          url: 'https://www.facebook.com/FlashBulbMemoriesPhotobooth/',
          title: 'Like us',
          theConfirmIssue: true
       }
    },
    buttons:{
       order: ["facebook-like"],
       counters: false,
       lazy: true
        }
       });
    });
    </script>
</head>

<div class="to-lock" style=display:none;">
<style>.w11279.wsite-button-highlight{background:#A58F60!important;border:0px solid #a5ad25!important}.w11279 .wsite-button-inner{color:#fff!important}.w11279.wsite-button-highlight:hover{background:#292929!important;border:0px solid #111!important}.w11279.wsite-button:hover .wsite-button-inner{color:#fff!important}.w11279.wsite-button:hover .wsite-button-inner,.w11279.wsite-button-inner{transition:0.3s}</style>
<a class="wsite-button wsite-button-small wsite-button-highlight wsite-button-normal w11279" href="http://gallery.flashbulbphotobooth.com/" target="_blank">
    <span class="wsite-button-inner">
        <i class="fa fa-image"></i>view gallery
    </span>
</a>
</div>