Я новичок в 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
