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.