Javascript 我需要帮助使我的标志和社会图标nopin悬停

Javascript 我需要帮助使我的标志和社会图标nopin悬停,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我需要删除我的pinit按钮在我的网站上的悬停效果,从每个图像。我想从社交图标和徽标图像中删除悬停pinit选项。我的社交图标有一个悬停效果,我想保留它。我在www.latulipefloraldesigns.com/blog3.html上有一个测试页面。。。感谢您的帮助 HTML。。我把这个放在桌子的正上方 <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.

我需要删除我的pinit按钮在我的网站上的悬停效果,从每个图像。我想从社交图标和徽标图像中删除悬停pinit选项。我的社交图标有一个悬停效果,我想保留它。我在www.latulipefloraldesigns.com/blog3.html上有一个测试页面。。。感谢您的帮助

HTML。。我把这个放在桌子的正上方

  <script type="text/javascript"  src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  <script type="text/javascript" src="js/jquery.pinit.js"></script>
   <script type="text/javascript">
   $(function () {

  $('img').pinit();

    });
    </script> 
jQuery在它自己的文件中

    (function($){

//Attach this new method to jQuery
$.fn.extend({ 

    pinit: function(options) {

        var defaults = {
            wrap: '<span class="pinit"/>',
            pageURL: document.URL
        }       

        var options = $.extend(defaults, options);
        var o = options; 

        //Iterate over the current set of matched elements
        return this.each(function() {

            var e = $(this),
                pi_media = e.data('media') ? e.data('media') : e[0].src,
                pi_url = o.pageURL,
                pi_desc = e.attr('title') ? e.attr('title') : e.attr('alt'),
                pi_isvideo = 'false';
                 bookmark = 'http://pinterest.com/pin/create/bookmarklet/?media=' +             encodeURI    (pi_media) + '&url=' + encodeURI(pi_url) + '&is_video=' + encodeURI (pi_isvideo) + '&description=' + encodeURI(pi_desc);

            var eHeight = e.outerHeight();              
                e.wrap(o.wrap);
                e.after('<span class="pinit-overlay" style="height: ' + eHeight + 'px"><a      href="' + bookmark + '" class="pinit-button">Pin It</a></span>');

            $('.pinit .pinit-button').on('click', function () {             
                window.open($(this).attr      ('href'), 'Pinterest', 'width=632,height=253,status=0,toolbar=0,menubar=0,location=1,scrollbars=1');              
                return false;
            });     

            $('.pinit').mouseenter(function () {
                $(this).children('.pinit-overlay').fadeIn(200);
            }).mouseleave(function () {
                $(this).children('.pinit-overlay').fadeOut(200);
            });


        });

    }

});

  })(jQuery);
(函数($){
//将此新方法附加到jQuery
$.fn.extend({
pinit:功能(选项){
var默认值={
换行:“”,
pageURL:document.URL
}       
var options=$.extend(默认值,选项);
var o=期权;
//迭代当前匹配元素集
返回此值。每个(函数(){
var e=$(此),
pi_media=e.data('media')?e.data('media'):e[0]。src,
pi_url=o.pageURL,
pi_desc=e.attr('title')?e.attr('title'):e.attr('alt'),
pi_isvideo='假';
书签http://pinterest.com/pin/create/bookmarklet/?media=“+encodeURI(pi_media)+”&url='+encodeURI(pi_url)+'&is_video='+encodeURI(pi_isvideo)+'&description='+encodeURI(pi_desc);
var eHeight=e.outerHeight();
e、 包裹(o.wrap);
e、 在(“”)之后;
$('.pinit.pinit按钮')。在('click',函数(){
open($(this.attr('href'),'Pinterest','width=632,height=253,status=0,toolbar=0,menubar=0,location=1,scrollbars=1');
返回false;
});     
$('.pinit').mouseenter(函数(){
$(this.children('.pinit overlay').fadeIn(200);
}).mouseleave(函数(){
$(此).children('.pinit overlay').fadeOut(200);
});
});
}
});
})(jQuery);

在HTML脚本中,只需将其作为目标,如下所示:

$('#content img').pinit();

然后,它将只针对您的
内容ID中的项目。
它将不会针对位于页眉或页脚中的内容(即社交媒体图标)。

是否可以构建一个我们可以使用的简单工具?您可能希望为每个需要“pinit”覆盖的图像提供一个类似“pinner”的类。然后按该类过滤jQuery选择:
$('img.pinner').pinit()@showdev工作得很好!非常感谢。非常感谢。不客气:-)。我认为一行解决方案比向每个图像添加类要好。我已经在它们上有了类边界,所以我使用了它,但我更喜欢这种方法。。非常感谢,我花了好几个小时在这上面,几分钟内你就解决了!我总是来这个网站寻求代码帮助。。
$('#content img').pinit();