Javascript-форум - JQuery progressbar: Uncaught TypeError: progressbar.progressbar is not a function

Javascript-форум (https://javascript.ru/forum/)

- jQuery (https://javascript.ru/forum/jquery/)

- - JQuery progressbar: Uncaught TypeError: progressbar.progressbar is not a function (https://javascript.ru/forum/jquery/82694-jquery-progressbar-uncaught-typeerror-progressbar-progressbar-not-function.html)

Vasilyok

15.06.2021 12:42

JQuery progressbar: Uncaught TypeError: progressbar.progressbar is not a function

Привет JS форум!

Столкнулся с проблемой при работе с библиотекой JQuery.

На странице у меня есть следующий прогрессбар:

<div id="progressBar"></div>

Далее в моем скрипте я пытаюсь обратиться к этому элементу следующим кодом:

var progressbar = $("div#progressBar");
progressbar.progressbar({ value: false});

Но мой скрипт валится на строке:

progressbar.progressbar({ value: false});

с ошибкой:

jquery-3.5.1.min.js:2 Uncaught TypeError: progressbar.progressbar is not a function
at setupAjaxUpload (submit:148)
at HTMLDocument.<anonymous> (submit:242)
at e (jquery-3.5.1.min.js:2)
at t (jquery-3.5.1.min.js:2)

Есть ли у кого-то идеи? почему это происходит и как можно это пофиксить? Спасибо!:) :)

рони	15.06.2021 13:38

Цитата:

Сообщение от Vasilyok

как можно это пофиксить

подключить plugin progressbar jquery-ui.js

Vasilyok

16.06.2021 10:16

Cпасибо за ответ:). Но дело в том, что я использую стандартный прогрессбар из JQuery UI. JQuery UI у меня уже подключен.

Может проблема заключается в другом?

ksa	16.06.2021 10:37

Цитата:

Сообщение от Vasilyok

Может проблема заключается в другом?

Начинай делать полный тестовый пример... Без него можно гадать долго.

рони	16.06.2021 10:40

Vasilyok,
скрипт вниз страницы поставьте, вдруг поможет.

ksa	16.06.2021 10:41

Vasilyok, вот как делают тестовые примеры... ;)

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>jQuery UI Progressbar - Default functionality</title>
<!--
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
-->
  <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="https://jqueryui.com/resources/demos/style.css">

  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $( function() {
    $( "#progressbar" ).progressbar({
      value: 37
    });
  } );
  </script>
</head>
<body>
 
<div id="progressbar"></div>
 
 
</body>
</html>

https://jqueryui.com/progressbar/

Правда там ЦСС "местный"... :(

рони	16.06.2021 10:46

ksa,

<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    <link rel="stylesheet" href="https://jqueryui.com/resources/demos/style.css">

ksa	16.06.2021 13:53

рони, вставил и работает теперь тут... :yes:

Часовой пояс GMT +3, время: 00:07.