Javascript.RU

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

Не работает скрипт
Добрый день! Возникла проблема с скриптом пгинациии, дело в том что на localhost скрипт отрабатывает так как надо строит пагинацию сетку 4Х4 + переходы, но на боевом сервере каждый элемент (картинка) это отдельная страница. Что поправить ума не приложу!
Вот собственно скрипт
$(document).ready(function() {
        (function($){
            $.fn.extend({
                MyPagination: function(options) {
                    var defaults = {
                        height: 0,
                        fadeSpeed: 0
                    };
                    var options = $.extend(defaults, options);
                    var objContent = $(this);
                    var fullPages = new Array();
                    var subPages = new Array();
                    var height = 0;
                    var lastPage = 1;
                    var paginatePages;
                    init = function() {
                        objContent.children().each(function(i){
                            if (height + this.clientHeight > options.height) {
                                fullPages.push(subPages);
                                subPages = new Array();
                                height = 0;
                            }
                            height += this.clientHeight;
                            subPages.push(this);
                        });
                        if (height > 0) {
                            fullPages.push(subPages);
                        }
                        $(fullPages).wrap("<div class='page'></div>");
                        objContent.children().hide();
                        paginatePages = objContent.children();
                        showPage(lastPage);
                        showPagination($(paginatePages).length);
                    };
                    updateCounter = function(i) {
                        $('#page_number').html(i);
                    };
                    showPage = function(page) {
                        i = page - 1;
                        if (paginatePages[i]) {
                            $(paginatePages[lastPage]).fadeOut(options.fadeSpeed);
                            lastPage = i;
                            $(paginatePages[lastPage]).fadeIn(options.fadeSpeed);
                            updateCounter(page);
                        }
                    };
                    showPagination = function(numPages) {
                        var pagins = '';
                        for (var i = 1; i <= numPages; i++) {
                            pagins += '<li><a href="#" onclick="showPage(' + i + '); return false;">' + i + '</a></li>';
                        }
                        $('.pagination li:first-child').after(pagins);
                    };
                    init();
                    $('.pagination #prev').click(function() {
                        showPage(lastPage);
                    });
                    $('.pagination #next').click(function() {
                        showPage(lastPage+2);
                    });
                }
            });
        })(jQuery);


запускаю его так
$('#fraud').MyPagination({height: 2880, fadeSpeed: 0});

где я понял что height: 2880 - размер поля в котором размещаются элементы, а fadeSpeed: 0 - это эффект.
На страницу вывожу так

$(document).ready(function() {
//for....
});


подключен jQuery ver 2.1.1.min.js

Последний раз редактировалось ArtemGavrilenko, 03.06.2014 в 13:16.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Скрипт не работает в Opera в интернете, но работает на локальном ПК lsti Opera, Safari и др. 2 29.12.2013 07:48
Не работает скрипт калькулятора в FF 4.0 YaVolodya Firefox/Mozilla 2 01.11.2013 11:04
В Firefox не работает скрипт в отличии от Opera, Chrome, IE yanagas Javascript под браузер 2 06.08.2013 01:32
Не работает скрипт :( VladimirV Javascript под браузер 5 21.12.2010 14:26
скрипт работает только в IE, а в остальных браузерах нет. melodicman Firefox/Mozilla 0 23.06.2010 15:18