Jquery冲突意味着我的两个功能拒绝协同工作。我尝试过切换脚本的顺序,并将$function替换为Jquery函数。似乎不能解决问题!
<div id="mainICONZ" class="iconz">
<ul class="iconz">
<li><img src="images/icon-1.png" rel="#mies1"></li>
<li><img src="images/icon-2.png" rel="#mies2"></li>
<li><img src="images/icon-3.png" rel="#mies3"></li>
<li><img src="images/icon-4.png" rel="#mies4"></li>
</ul>
</div>
<div class="simple_contact3" id="mies1">all over the content</div>
<div class="simple_contact3" id="mies2">all over the content</div>
<div class="simple_contact3" id="mies3">all over the content</div>
<div class="simple_contact3" id="mies4">all over the content</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="http://cdn.jquerytools.org/1.1.2/jquery.tools.min.js"></script> !-->
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<!-- <script>
// What is $(document).ready ? See: http://flowplayer.org/tools/using.html#document_ready
jQuery(document).ready(function() {
$("img[rel], a[rel]").overlay({expose: '#fff'});
});
</script>
<script type="text/javascript"> OTHER SCRIPT HERE!! </script>
你试过这个吗:
jQuery.noConflict();
然后用jQuery替换$。