Форум

Vasilyok · #1 (**permalink**) 15.06.2021, 12:42

Привет 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)

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

рони · #2 (**permalink**) 15.06.2021, 13:38

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

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

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

Vasilyok · #3 (**permalink**) 16.06.2021, 10:16

Cпасибо за ответ

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

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

ksa · #4 (**permalink**) 16.06.2021, 10:37

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

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

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

рони · #5 (**permalink**) 16.06.2021, 10:40

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

ksa · #6 (**permalink**) 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/

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

рони · #7 (**permalink**) 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 · #8 (**permalink**) 16.06.2021, 13:53

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

Форум

Справочник

Discord чат

Курсы javascript