Ahoj,
mam velký problém při vytváření vlastního pluginu. Chtěl bych se pokusit o vlastní progressbar, aby měl nějaké defaultní hodnoty a poté aby mu šlo nastavovat hodnota a aby jí také vracel. A to se mi nedaří.
Ukazu kod:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="jquery.progressbar.js"></script>
<style>
#progressbar {
width: 400px;
height: 35px;
border: 1px solid black;
}
</style>
<script>
$(document).ready(function(){
var progressObj;
var progressbar_option = {
progressColor: "red"
}
progressObj = $("#progressbar").progressbar(progressbar_option);
alert(progressObj.value);
});
</script>
<title> Progressbar </title>
</head>
<body>
<div id="progressbar"></div>
</body>
</html>
(function ( $ ) {
$.fn.progressbar = function( options ) {
var settings = $.extend(
{
progressColor: "blue",
progressValue: 0
}, options );
$(this).data('progressColor', settings.progressColor);
$(this).data('progressValue', settings.progressValue);
return (this);
};
$.fn.progressbar.value = function() {
return $(this).data('progressValue');
}
}( jQuery ));
A právě když chci vypsat value do alertu tak mam vždy undefined. Neví někdo prosím co s tim. Jen pro objasnění: Měl jsem ambici mít tu "property" value aspoň trošku podobnou jako to funguje v .NETu. Čili když value něco přirazuju tak se nastaví a když jí nic nepřiřazuju tak mi vrátí hodnotu. Ale zasekl jsem se již u vracení hodnoty.