Индикатор выполнения jQuery не работает ⇐ Jquery

[Anonymous]

Я новичок в jQuery и пытаюсь создать динамический индикатор выполнения jQuery. Что мне нужно сделать, так это предложить серию флажков на странице, чтобы, когда посетитель устанавливает или снимает флажок, значение, отображаемое на индикаторе выполнения, увеличивается или уменьшается. Кроме того, мне нужно предупредить посетителя, когда он достигнет максимальной суммы (процента). Любая помощь будет оценена по достоинству. Приведенный ниже код привяжет событие щелчка к индикатору выполнения, но оно не увеличивается и не уменьшается правильно, и мой максимум не работает?

Вот что у меня есть :

Javascript:







$(document).ready(function() {
$("#budgetbar").progressbar({ value: 0 });
$(".option1").click(function () {
$("#budgetbar").progressbar({ value: 10 });

});
$(".option2").click(function () {
$("#budgetbar").progressbar({ value: 50 });

});
$(".option3").click(function () {
$("#budgetbar").progressbar({ value: 20 });

});
$(".option4").click(function () {
$("#budgetbar").progressbar({ value: 50 });

});

$("#budgetbar").progressBar({ max: 100, textFormat: 'fraction', callback: function(data) { if (data.running_value == data.value) { alert("Budget limit reached!"); } }} );

});





HTML:



Expense 1 - $100,000

Expense 2 - $500,000

Expense 3 - $200,000

Expense 4 - $500,000

* Max Expenses - $1,000,000



Подробнее здесь: https://stackoverflow.com/questions/100 ... ot-working