jQuery在Blogger部件上發生衝突

Question

嗨，我很新，所以請原諒我的好奇心。

最近，我試圖安裝一個負責任的博主菜單，這是代碼

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script> <script type='text/javascript'> // <![CDATA[ $(function() { var offset = $("#FloatingSocialButtons").offset(); var topPadding = 15; $(window).scroll(function() { if ($(window).scrollTop() > offset.top) { $("#FloatingSocialButtons").stop().animate({ marginTop: $(window).scrollTop() - offset.top + topPadding }); } else { $("#FloatingSocialButtons").stop().animate({ marginTop: 0 }); }; }); }); // ]]> </script> <style> #FloatingSocialButtons { position: absolute; left: -100px; background-color: #F2F2F2; border: 1px solid #D8D8D8; border-right: 0; z-index:9; border-radius:10px; -moz-border-radius: 10px; } #FloatingSocialButtons div { margin: 5px 0 0 0; } </style> <div id='FloatingSocialButtons'> <center> <div style='margin:0px 0 0px 10px;'><div id='fb-root'></div><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'></script><fb:like font='' href='' layout='box_count' send='false' show_faces='false'></fb:like></div> <div><a class='twitter-share-button' data-count='vertical' data-lang='en' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script></div> <div><script src='http://apis.google.com/js/plusone.js' type='text/javascript'></script><g:plusone size='tall'></g:plusone></div> <div style='margin-top: 15px;'><a data-pin-config='vertical' data-pin-do='buttonPin' href='http://pinterest.com/pin/create/button/?url='data:post.url' '><img src='//assets.pinterest.com/images/pidgets/pin_it_button.png'/></a> <span style='margin-left:-44px;'><a data-pin-config='vertical' data-pin-do='buttonBookmark' href='//pinterest.com/pin/create/button/' style='outline:none;border:none;'></a></span> <script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'></script></div> <br /> <p style=' line-height:0px; font-size:10px; font-weight:bold; text-align:center;'><a href='www.tipstricksisland.com/2013/05/new-smooth-floating-social-bookmarking-blogger-2013.html' style='color:#CAC8C8;'>Get This</a></p> </center></div> 

而且它不工作，當我問筆者，他說我有jQuery的衝突問題，但不能幫我。我不知道該怎麼做。請看看我的博客，告訴我哪個部件導致了問題http://dota2android.blogspot.com

謝謝您的時間

Answer 1

如果你有一個jQuery的衝突問題，您應該using jQuery in NoConflict Mode。

這意味着如果某些庫或對象已聲稱使用jQuery的$關鍵字，它仍將按預期方式執行。

 
$.noConflict(); 
jQuery(document).ready(function($) { 
    // Code that uses jQuery's $ can follow here. 
}); 
    // Code that uses other library's $ can follow here.