在 twitter/facebook/instagram 上分享/点赞后显示 <div>

Question

我发现很多地方解释了如何使用 css 和 javascript 显示/隐藏 div 内容，但这并不是我想要的。

我正在尝试获取我的网站 www.gadgetster.ca，以向在 5 个社交媒体网站中的 3 个分享/喜欢该网站的用户提供一个唯一生成的促销代码。

例如，如果您点击 facebook、twitter 和 instagram 并关注/喜欢每个，会弹出一个弹出窗口询问您的电子邮件，它会在电子邮件中发送促销代码（我将自己手动发送） .希望这是有道理的......

感谢任何帮助！

Answer 1

使用 Javascript 来跟踪用户到目前为止的点击次数，然后如果他们点击了 3 则显示促销 div？在不给我们任何代码的情况下，我所能做的就是提供一个可能是也可能不是您正在寻找的模型......

JSfiddle：http://jsfiddle.net/bkw3L/1/

HTML，

<div id="promo" style="display: none"> Your promo code is ___ </div>

<a href="#" class="likeButton"> Like on Facebook  </a>
<a href="#"  class="likeButton"> Like on Twitter  </a>
<a href="#"  class="likeButton"> Like on Flicker  </a>
<a href="#"  class="likeButton"> Like on Google+  </a>
<a href="#"  class="likeButton"> Like on Foobar  </a>

Javascript，

  // Keep track of which links the user clicked
var clickedLinks = [];

$(document).ready(function() {
    $(".likeButton").click(function(e) {
        var clickedLink = e.currentTarget.innerText;

        // If they haven't clicked this link before, add it to array
        if (clickedLinks.indexOf(clickedLink) == -1) {
            clickedLinks.push(clickedLink);

            // If they've clicked 3, show the div
            if (clickedLinks.length == 3) {
                $("#promo").show();   
            }
        }
    });   
});