Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 04.04.2016, 20:06
Аватар для PHPDeveloper
Новичок на форуме
Отправить личное сообщение для PHPDeveloper Посмотреть профиль Найти все сообщения от PHPDeveloper
 
Регистрация: 04.04.2016
Сообщений: 7

Uncaught TypeError: $(...) is not a function как убрать ошибку?
Всем привет!

Подскажите пожалуйста, как убрать ошибку:

Uncaught TypeError: $(...).children(...).progressbar is not a function


Это выводит в консоли. Вот сам код:

$(vPb).children('.pbar').progressbar();


Ошибка появилась после подключения непонятной библиотеки Jquery.

Кто знает как изменить ф-ю или предопределить?

Спасибо!
Ответить с цитированием
  #2 (permalink)  
Старый 05.04.2016, 10:15
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

PHPDeveloper,
Сообщение от PHPDeveloper
Ошибка появилась после подключения непонятной библиотеки Jquery.
Может, для начала разобраться с этой библиотекой?
Ответить с цитированием
  #3 (permalink)  
Старый 05.04.2016, 12:13
Аватар для PHPDeveloper
Новичок на форуме
Отправить личное сообщение для PHPDeveloper Посмотреть профиль Найти все сообщения от PHPDeveloper
 
Регистрация: 04.04.2016
Сообщений: 7

Сообщение от Dilettante_Pro Посмотреть сообщение
PHPDeveloper,

Может, для начала разобраться с этой библиотекой?
Может. Как? С JS не дружу. Скажу точно, что без этой библиотеки не работает слайдер.
Ответить с цитированием
  #4 (permalink)  
Старый 05.04.2016, 12:54
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

PHPDeveloper,
Ну покажите хотя бы более подробные фрагменты html - где, как и какие подключаются скрипты,
фрагмент JS с использованием progressbar - а не одну строчку, фрагмент HTML с размещением progressbar - короче, чтобы было где искать проблему.
Ответить с цитированием
  #5 (permalink)  
Старый 05.04.2016, 13:54
Аватар для PHPDeveloper
Новичок на форуме
Отправить личное сообщение для PHPDeveloper Посмотреть профиль Найти все сообщения от PHPDeveloper
 
Регистрация: 04.04.2016
Сообщений: 7

Сообщение от Dilettante_Pro Посмотреть сообщение
PHPDeveloper,
Ну покажите хотя бы более подробные фрагменты html - где, как и какие подключаются скрипты,
фрагмент JS с использованием progressbar - а не одну строчку, фрагмент HTML с размещением progressbar - короче, чтобы было где искать проблему.
Вот сам код:

$(document).ready(function(){
		    jQuery.fn.anim_progressbar = function (aOptions) {
		        // Определяем значения
		        var iCms = 1000;
		        var iMms = 60 * iCms;
		        var iHms = 3600 * iCms;
		        var iDms = 24 * 3600 * iCms;


		        // Определяем опции
		        var aDefOpts = {

		            start: new Date(ass_add),
		            finish: new Date(ass_del),

		            interval: 100
		        }

		        var aOpts = jQuery.extend(aDefOpts, aOptions);
		        var vPb = this;

		        // Кажды индикаторо прогресса
		        return this.each(
		            function() {
		                var iDuration = aOpts.finish - aOpts.start;

		                // Вызываем оригинальны йиндикатор прогресса
		                $(vPb).children('.pbar').progressbar();  <- Вот эта строка

		                // Процесс обработки
		                var vInterval = setInterval(
		                    function(){ ... Дальше не стал копировать...


Выводится прогрессбар так:

<div id="progress1">
            <div class="percent"></div>
            <div class="pbar"></div>
            <div class="elapsed"></div>
        </div>


Подключается так (в head):

<link href="/style/progressbar/css/jquery-ui-1.8.16.custom.css" rel="stylesheet" type="text/css"/>  <!-- ProgressBar -->
<link href="/style/progressbar/css/main.css" rel="stylesheet" type="text/css" /> 				    <!-- ProgressBar -->
<script type="text/javascript" src="/style/progressbar/js/jquery-1.6.2.min.js"></script> 		    <!-- ProgressBar -->
<script type="text/javascript" src="/style/progressbar/js/jquery-ui-1.8.16.custom.min.js"></script> <!-- ProgressBar -->


А вот начало той библиотеки с которой он не дружит(Если ее удалить, то прогрессбара работает, а слайдер - нет):

/*!
 * jQuery JavaScript Library v2.1.4
 * http://jquery.com/
 *
 * Includes Sizzle.js
 * http://sizzlejs.com/
 *
 * Copyright 2005, 2014 jQuery Foundation, Inc. and other contributors
 * Released under the MIT license
 * http://jquery.org/license
 *
 * Date: 2015-04-28T16:01Z
 */

Последний раз редактировалось PHPDeveloper, 05.04.2016 в 13:56.
Ответить с цитированием
  #6 (permalink)  
Старый 05.04.2016, 14:40
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

PHPDeveloper,
Сообщение от PHPDeveloper
А вот начало той библиотеки с которой он не дружит(Если ее удалить, то прогрессбара работает, а слайдер - нет):
А где и как вы подключаете эту библиотеку?
Попробуйте подключить ее ВМЕСТО
<script type="text/javascript" src="/style/progressbar/js/jquery-1.6.2.min.js"></script>
Ответить с цитированием
  #7 (permalink)  
Старый 05.04.2016, 14:42
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,121

Сообщение от PHPDeveloper
Подключается так
выкинуть и забыть

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
 <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
 <link rel="stylesheet" href="https://www.script-tutorials.com/demos/129/css/main.css">
 <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
 <!-- сюда плагин и css слайдера, если он есть --> 
  <script>
$(document).ready(function(){
//весь остальной код сюда ... более никаких библиотек не грузить
});

  </script>
Ответить с цитированием
  #8 (permalink)  
Старый 05.04.2016, 14:51
Аватар для PHPDeveloper
Новичок на форуме
Отправить личное сообщение для PHPDeveloper Посмотреть профиль Найти все сообщения от PHPDeveloper
 
Регистрация: 04.04.2016
Сообщений: 7

Сообщение от Dilettante_Pro Посмотреть сообщение
PHPDeveloper,

А где и как вы подключаете эту библиотеку?
Попробуйте подключить ее ВМЕСТО
<script type="text/javascript" src="/style/progressbar/js/jquery-1.6.2.min.js"></script>
Заменил и заработало! И слайдер и прогрессбар.
Только прогрессбар картинки свои не подтянул, но я разберусь с этим.
Спасибо!
Ответить с цитированием
  #9 (permalink)  
Старый 05.04.2016, 14:52
Аватар для PHPDeveloper
Новичок на форуме
Отправить личное сообщение для PHPDeveloper Посмотреть профиль Найти все сообщения от PHPDeveloper
 
Регистрация: 04.04.2016
Сообщений: 7

Сообщение от рони Посмотреть сообщение
выкинуть и забыть

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
 <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
 <link rel="stylesheet" href="https://www.script-tutorials.com/demos/129/css/main.css">
 <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
 <!-- сюда плагин и css слайдера, если он есть --> 
  <script>
$(document).ready(function(){
//весь остальной код сюда ... более никаких библиотек не грузить
});

  </script>
Простите, что выкинуть?
Код у меня и так обрамлен.
Ответить с цитированием
  #10 (permalink)  
Старый 05.04.2016, 15:00
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,121

Сообщение от PHPDeveloper
что выкинуть?
jquery-1.6.2.min.js
jquery-ui-1.8.16.custom.min.js
jquery-ui-1.8.16.custom.css
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как правильно писать на JS? auditseo Общие вопросы Javascript 14 11.10.2015 15:51
Как вы относитесь к наркоманам? Maxmaxmaximus7 Оффтопик 7 05.02.2014 13:29
глобальные или локальные обьекты l-liava-l Оффтопик 27 10.02.2013 23:45
Чем "dequeue после queue" отличается от "dequeue внутри queue". lancer jQuery 2 04.09.2012 14:47
Как выдавать ошибку при сбросе загрузки страницы? AvaGet Общие вопросы Javascript 2 11.12.2008 19:04