Question

我开始构建一个新网站，并希望将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(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>

Answer 1

没关注我的帖子。能够找出问题所在。在jQuery字符串标题中，我没有使用双引号来封装我的文本，其中包括单词＆＃39; Like＆＃39;周围的单引号。看起来像改变它修复它！

无法将Social Locker jQuery与Weebly网站集成在一起 - 无法获取锁定器来显示

1 个答案: