1

我开始建立一个新网站，并希望为我的一个按钮集成 OnePress 的 jQuery Social Locker。但是，当我访问我的网站时，社交储物柜“在继续之前请点赞……”根本不显示。

我很想得到任何帮助，因为这已经难倒了我的基本知识。

用于测试的网站链接

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

  1. 上传的 CSS 文件 (pandalocker.2.1.0.min.css)、jquery 文件 (pandalocker.2.1.0.min.js) (jquery.min.js) (jquery.ui.highlight.min.js)，都适用图像文件到我的网站资产。

  2. 在我的 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>

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

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

1 回答 1

1

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

于 2016-09-03T04:43:33.627 回答