Показать сообщение отдельно
  #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.
Ответить с цитированием