Squarespace'Pin It'按钮在Firefox& IE浏览器

时间:2013-10-16 23:40:02

标签: social pinterest squarespace

提前感谢任何见解。我在Squarespace网站上有以下代码,用于“Pin It”Pinterest按钮。它适用于Chrome,Opera和Safari,但遗憾的是不适用于Firefox或Internet Explorer。

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js'          type='text/javascript'></script>
<script>
//<![CDATA[
var bs_pinButtonURL = "http://stylebomb.net/s/Pin-Me-Lips.png";
var bs_yourUrl = "http://www.stylebomb.net";
var bs_pinButtonPos = "topleft";
var bs_pinPrefix = "";
var bs_pinSuffix = "";
//]]>
jQuery(document).ready(function ($) {
$('body').append('<img style="visibility:hidden;" class="pinimgload" src="' +      bs_pinButtonURL + '" >');
$('#bs_pinOnHover').hide();
var l;
var m;
var n;
$('.pinimgload').load(function () {
    m = $('.pinimgload').outerWidth(true);
    n = $('.pinimgload').outerHeight(true);
    $('.pinimgload').remove()
});
hoverCheck();

function hoverCheck() {
    $('.blog-entry-content img,.entry-content img').not('.nopin,.nopin img').mouseenter(function () {
        $('.pinit-wrapper').css("visibility", "hidden");
        clearTimeout(l);
        var a = $(this);
        var b = parseInt(a.css("margin-top"));
        var c = parseInt(a.css("margin-left"));
        var d;
        var e;
        switch (bs_pinButtonPos) {
            case 'center':
                d = a.position().top + a.outerHeight(true) / 2 - n / 2;
                e = a.position().left + a.outerWidth(true) / 2 - m / 2;
                break;
            case 'topright':
                d = a.position().top + b + 5;
                e = a.position().left + c + a.outerWidth() - m - 5;
                break;
            case 'topleft':
                d = a.position().top + b + 5;
                e = a.position().left + c + 5;
                break;
            case 'bottomright':
                d = a.position().top + b + a.outerHeight() - n - 5;
                e = a.position().left + c + a.outerWidth() - m - 5;
                break;
            case 'bottomleft':
                d = a.position().top + b + a.outerHeight() - n - 5;
                e = a.position().left + c + 5;
                break
        }
        var f = a.prop('src');
        var g = a.closest('.post,.hentry,.entry').find('.post-title,.entry-title,.entry-header');
        var h = g.text().replace(/^\s+|\s+$/g,'');
        if (typeof bs_pinPrefix === 'undefined') {
            bs_pinPrefix = ''
        }
        if (typeof bs_pinSuffix === 'undefined') {
            bs_pinSuffix = ''
        }
        pinitURL = bs_yourUrl + '{permalink}';
        var i = '<div class="pinit-wrapper" style="display:none;position: absolute;z-index: 9999; cursor: pointer;" ><a href="http://pinterest.com/pin/create/button/?url=' + pinitURL + '&media=' + f + '&description=' + bs_pinPrefix + h + bs_pinSuffix + '" style="display:block;outline:none;" target="_blank"><img class="pinimg" style="-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:transparent;margin: 0;padding: 0;border:0;" src="' + bs_pinButtonURL + '" title="Pin on Pinterest" ></a></div>';
        var j = a.parent().is('a') ? a.parent() : a;
        if (!j.next().hasClass('pinit-wrapper')) {
            j.after(i);
            if (typeof l === 'undefined') {
                j.next('.pinit-wrapper').attr("onmouseover", "this.style.opacity=1;this.style.visibility='visible'")
            } else {
              j.next('.pinit-wrapper').attr("onmouseover", "this.style.opacity=1;this.style.visibility='visible';clearTimeout(bsButtonHover)")
            }
        }
        var k = j.next(".pinit-wrapper");
        k.css({
            "top": d,
            "left": e
        });
        k.css("visibility", "visible");
        k.stop().fadeTo(300, 1.0, function () {
            $(this).show()
        })
    });
    $('.blog-entry-content img,.entry-content img').on('mouseleave', function () {
        if ($.browser.msie) {
            var a = $(this).next('.pinit-wrapper');
            var b = $(this).parent('a').next('.pinit-wrapper');
            l = setTimeout(function () {
                a.stop().css("visibility", "hidden");
                b.stop().css("visibility", "hidden")
            }, 3000)
        } else {
            $('.pinit-wrapper').stop().fadeTo(0, 0.0)
        }
    })
}
});

0 个答案:

没有答案