// Share
$("body")
  .on("click", function() {
    $(".article-share-box.on").removeClass("on");
  })
  .on("click", ".article-share-link", function(e) {
    e.stopPropagation();

    var $this = $(this),
      url = $this.attr("data-url"),
      title = "👍 //" + $this.attr("data-title"),
      encodedUrl = encodeURIComponent(url),
      encodedTitle = encodeURIComponent(title),
      id = "article-share-box-" + $this.attr("data-id"),
      offset = $this.offset();

    if ($("#" + id).length) {
      var box = $("#" + id);
      if (box.hasClass("on")) {
        box.removeClass("on");
        return;
      }
    } else {
      var html = [
        '<div id="' + id + '" class="article-share-box">',
        '<input class="article-share-input" value="' + url + '" readonly>',
        '<div class="article-share-links">',
        // 微博分享
        '<a href="http://service.weibo.com/share/share.php?title=' +
          encodedTitle +
          "&url=" +
          encodedUrl +
          '" class="article-share-weibo" target="_blank" title="微博分享"></a>',
        // 微信二维码分享
        '<a href="https://zixuephp.net/inc/qrcode_img.php?url=' +
          encodedUrl +
          '" class="article-share-wechat" target="_blank" title="微信分享"></a>',
        // QQ 好友分享
        '<a href="https://connect.qq.com/widget/shareqq/index.html?url=' +
          encodedUrl +
          "&sharesource=qzone&title=" +
          encodedTitle +
          '" class="article-share-qq" target="_blank" title="分享给QQ好友"></a>',
        // 邮件分享
        '<a href="mailto:your@mail.com?subject=' +
          encodedTitle +
          "&body=" +
          encodedUrl +
          '" class="article-share-mail" target="_blank" title="邮件分享"></a>',
        "</div>",
        "</div>"
      ].join("");

      var box = $(html);
      $("body").append(box);
    }

    $(".article-share-box.on").hide();

    box
      .css({
        top: offset.top + 25,
        left: offset.left
      })
      .addClass("on");
  })
  /// more click events here