Сообщение от 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
*/