Problème avec une class Jquery UI

Bonsoir,


J'ai un code qui fonctionne parfaitement.
Mais le fait de l'avoir passé en class,
des soucis sont apparus !

Même Firebug ne peut m'aider !
Pouvez-vous prendre le temps de m'aider un peu ?
D'avance un grand merci.

Voici mon code. C'est "main.js".

jQuery(function($){
    $('.range').each(function(){
       var cls      = $(this).attr('class');  
       var matches  = cls.split(/([a-zA-Z]+)\-([0-9]+)/g);
       var elem     = $(this).parent(); 
       var options  = {};
	   var values   = new Array();
       var input    = elem.find('input'); 
       elem.append('<div class="uirange"></div>');
       
	   options.range = true;
       options.orientation = "horizontal";
	   options.disabled = false;
	   for(i in matches){
		   i = i * 1;
		   if (matches[i] == 'min') {
			   options.min = matches[i+1]*1;
		   } 
		   if (matches[i] == 'max') {
			   options.max = matches[i+1]*1;
		   } 
		   if (matches[i] == 'prem') {
			   options.values[0] = matches[i+1]*1;
		   }
		   if (matches[i] == 'dern') {
			   options.values[1] = matches[i+1]*1;
		   } 
		   if (matches[i] == 'step') {
			   options.step = matches[i+1]*1;
		   } 
	   }
       options.slide = function(event, ui){
           elem.find('label span').empty().append(ui.values[0] + "€ - " + ui.values[1] + "€");
           input.val(ui.values[0] + "€ - " + ui.values[1] + "€");
       }
	   
       options.slide = function(event, ui){
           elem.find('label span').empty().append(ui.values[0] + "€ - " + ui.values[1] + "€");
           input.val(ui.values[0] + "€ - " + ui.values[1] + "€");
       }

       elem.find('label span').empty().append(input.val()); 
       input.hide(); 
    });
});

Voici le chargement des script depuis ma page :

<link type="text/css" rel="stylesheet" href="css/general.css">
<link type="text/css" rel="stylesheet" href="js/ui/jquery-ui-1.9.2.custom.css" media="all">
<link type="text/css" rel="stylesheet" href="js/ui/jquery-ui-my.css" media="all">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/ui/jquery-ui-1.9.2.custom.js"></script>
<script type="text/javascript" src="js/ui/main.js"></script>

J'appelle ce script à plusieurs reprises dans ma page,
de la manière suivante :

            <div class="choix">
            	<div class="rubrique">Rubrique 01</div>
				<div class="input">
                	<label for="">Valeur : <span></span></label>
                	<input type="text" class="range min-0 max-100 prem-10 dern-80 step-10" />
				</div>
            </div>

[/i][/i][/i] [/i][/i]
Modifié par jytest (14 Dec 2012 - 21:23)