Conflit entre deux scripts jquery imbriqués
Bonjour à tous!
Voilà mon problème est le suivant :
J'ai deux script jquery différent imbriqué dans des li et du coup l'un des deux script ne marche pas. Si quelqu'un peut m'aider???
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
| var $jquery = jQuery.noConflict();
$jquery(document).ready(function() {
$jquery('#tabs li.featureli a').featureList({
output : '#output li.test',
start_item : 1,
});
$jquery("#slider2").sudoSlider({
numeric:true,
prevNext:false,
startSlide: 1,
auto:true,
}); |
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47
| <div id="feature_list">
<ul id="tabs">
<li class="featureli">
<a href="javascript:;">
<img src="services.png" />
<h3>Services</h3>
<span>Lorem ipsum dolor sit amet consect</span>
</a>
</li>
<li class="featureli">
<a href="javascript:;">
<img src="programming.png" />
<h3>Programming</h3>
<span>Lorem ipsum dolor sit amet consect</span>
</a>
</li>
<li class="featureli">
<a href="javascript:;">
<img src="applications.png" />
<h3>Applications</h3>
<span>Lorem ipsum dolor sit amet consect</span>
</a>
</li>
</ul>
<ul id="output">
<li class="test">
<div id="slider2" class="slider" >
<ul>
<li><a href="http://www.magma.fr"><img src="sample1.jpg" /></a></li>
<li><a href="http://www.magma.fr"><img src="sample2.jpg" /></a></li>
<li><a href="http://www.magma.fr"><img src="sample3.jpg" /></a></li>
<li><a href="http://www.magma.fr"><img src="sample1.jpg" /></a></li>
<li><a href="http://www.magma.fr"><img src="sample1.jpg" /></a></li>
<li><a href="http://www.magma.fr"><img src="sample1.jpg" /></a></li>
</ul>
</div>
</li>
<li class="test">
<img src="sample2.jpg" />
</li>
<li class="test">
<img src="sample3.jpg" />
</li>
</ul>
</div> |