user1107117
user1107117

Reputation: 3

2 instances of jquery in conflict

I am using jquery for a navigation bar as well as a home banner slider. Can anyone tell me what is conflicting here? Both plugins work on their own. But when I install the slider, the navigation is all out of whack.

<script type="text/javascript"        
src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="global/4.0/head-foot/head.js"></script>
<script type="text/javascript" src="global/4.0/middle/base/nav.js"></script>
<script type="text/javascript" src="https://alert.uconn.edu/alert/alert.js"></script>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>


<!--Home Banner BEGIN -->
<link href="fmslideshow_asset/fmslideshow.css" rel="stylesheet" type="text/css" />
<script src="fmslideshow_asset/jquery-1.6.2.min.js"></script>
<script src="fmslideshow_asset/fmslideshow.js"></script>


<script>
jQuery(function($){
 $('#jq_fmslideshow').fmslideshow({
 });
});
</script>

Upvotes: 0

Views: 448

Answers (2)

Sudhir Bastakoti
Sudhir Bastakoti

Reputation: 100205

I think the code should be like:

$(function(){
 $('#jq_fmslideshow').fmslideshow({
 });
});

Hope it helps

Upvotes: 0

Bhanu Krishnan
Bhanu Krishnan

Reputation: 3726

use a single latest jquery.min.js file. Try like below.

<script src="fmslideshow_asset/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="global/4.0/head-foot/head.js"></script>
<script type="text/javascript" src="global/4.0/middle/base/nav.js"></script>
<script type="text/javascript" src="https://alert.uconn.edu/alert/alert.js"></script>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>


<!--Home Banner BEGIN -->
<link href="fmslideshow_asset/fmslideshow.css" rel="stylesheet" type="text/css" />

<script src="fmslideshow_asset/fmslideshow.js"></script>


<script>
jQuery(function(){
 $('#jq_fmslideshow').fmslideshow({
 });
});
</script>

Upvotes: 3

Related Questions