Автоматизированный jQuery Progress Bar - PullRequest
3 голосов
/ 02 апреля 2011

сегодня я реализовывал jQuery Progress-bars на веб-странице. Мне нужно было реализовать около 30 индикаторов на одной странице.

Его код выглядит так

$( "#progressbar" ).progressbar({
value: 80
});

, который отображает индикатор выполнения, заполненный на 80% на следующем div

<div id="progressbar"></div>

Теперь, что случилось, я должен упомянуть 30 различных div-ов прогресса, а затем вызвать их для запуска, используя 30 вызовов jquery ...

Вместо

То, что я пробовал, было

<div id="progressbar" title="54"></div>

с вызовом как

$( "#progressbar" ).progressbar({
value: $(this).attr('title')
});

, который должен автоматически присваивать значение названию этого div ...

хотя это не работает ...

Кто-нибудь знает, что здесь не так?

я тоже пробовал

$( "#progressbar" ).each( function(){
progressbar({
value: 80
});
});

Все еще не ходят

Может кто-нибудь дать мне совет здесь ... Большое спасибо!

1 Ответ

4 голосов
/ 02 апреля 2011

Узнал.Приветствия!

Это работает так

<div class="progressbar" rel="54"></div>

и затем звоните как

            $("div.progressbar").each (function () {
                var element = this;
                $(element).progressbar({
                value: parseInt($(element).attr("rel"))
                });
            });

Приветствия @ volkan-er, который ответил здесь - JQuery UI: множественный индикатор выполнения - проблемы с настройкой динамических значений

:)

...