[SOLUCIONADO] JQuery is not defined

ososo86 · #1 (**permalink**) 25/07/2013, 12:16

Hola estoy creando un plugins para Jquery y en la consola de webkit recibo estos errores:

Código:

Uncaught ReferenceError: JQuery is not defined
Uncaught TypeError: Object [object Object] has no method 'Switched'

mi html es:

Código:

<!DOCTYPE html>
<html>
<head>
	<title>Switched - JQuery CheckBox Switch by @ceslat</title>
	<link rel="stylesheet" type="text/css" href="css/jquery.switched.css" />
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
	<script type="text/javascript" src="js/jquery.switched.js"></script>
	<script>
	$(document).ready(function(){
		$("#switched").Switched();
	});
	</script>
</head>
<body>
	<input type="checkbox" value="1" class="switched">
	<div></div>
</body>
</html>

y mi javascript es:

Código:

(function($){
	$.fn.Switched = function( options ){

		var defaults = {
			labelOn: 'Yes',
			labelOff: 'No'
		}

		var options = $.extend(defaults, options);

		return this.each(function(){
			if($(this).attr('checked') == 'checked'){
				$(this).wrap('<div class="switched on">');
			}
			else{
				$(this).wrap('<div class="switched off">');
			}
			$(this).parent('div.switched').each(function(){
				$(this).append('<div class="switchedInner"><div class="switchedOn">'+options.labelOn+'</div><div class="switchedHandle"></div><div class="switchedOff">'+options.labelOff+'</div></div>');
			});
			$(document).on('click', 'div.switched', function(){
				if($(this).hasClass('off')){
					$(this).addClass('on');
					$(this).removeClass('off');
					$(this).children('input.switched').attr('checked', 'checked');
				}
				else if($(this).hasClass('on')){
					$(this).addClass('off');
					$(this).removeClass('on');
					$(this).children('input.switched').removeAttr('checked');
				}
			});
		});
	};
})(JQuery);

La verdad no reconosco cual es el verdadero problema ya que desde la consola puedo acceder a elemento del DOM con JQuery, e realizado plugins anteriormento y han funcionado OK.

Me pueden Ayudar, gracias.

rogeliomx · #2 (**permalink**) 25/07/2013, 12:28

Hasta donde tengo entendido la j es minuscula.

(JQuery); -> (iQuery);

prueba a poner en la consola JQuery y jQuery, la consola de chrome tiene autocompletado si tu objeto jquery existe ahi te saldra.

PD: JQuery is not defined hasta la fecha a mi solo me ha salido cuando el objeto de jQuery no esta instanciado, y no se instancia por algun error de sintaxis que pongo o me equivoco el src del script, bueno suerte y saludos.

A por cierto cuando agregures el script de tu plugin, este debe ir despues de que agregaste el de jquery.

ososo86 · #3 (**permalink**) 25/07/2013, 14:02

rogeliomx muchas gracias era efectivamente la "J" que debería ser en minúsculas, no me di cuenta y se me paso por montones; de ves en cuando debes ver las cosas desde otra perspectiva y me haz ayudado montones :D,
se da por solucionado mil gracias.