Качество пользовательские слайдер


Я должен использовать эти более, вместо слайдера? Я серьезно, нет-нет, и есть ли лучший дизайн, которую я должен реализовать? Я за любые указатели :)

slider = {
                selector : '#slider',
                init : function() {
                        $('#slider').hover(function(e){
                            slider.toggle();
                        });

                    $(document).bind('click', function(e){
                        slider.lock.unlock();
                        slider.state.collapse();
                    });

                    $('#slider').bind('click', function(e){
                        e.stopPropagation();
                        slider.lock.lock();
                    })
                },
                toggle : function() {
                    if (!this.lock.isLocked) {
                        this.state.toggle();
                    }
                },
                lock : {
                    isLocked   : false,
                    lock : function() {
                        this.isLocked = true;
                    },
                    unlock : function() {
                        this.isLocked = false;
                    }
                },
                state : {
                    isExtended : false,
                    toggle : function() {
                        if (this.isExtended===true) {
                            this.collapse();
                        } else {
                            this.extend();
                        }
                    },
                    extend : function() {
                        this.isExtended = true;
                        $('#slider').stop().animate({'left':'-5px'}, 'slow');
                    },
                    collapse : function() {
                        this.isExtended = false;
                        $('#slider').stop().animate({'left':'-210px'}, 'slow');
                    }
                }
            };


241
5
задан 22 ноября 2011 в 08:11 Источник Поделиться
Комментарии
1 ответ


  1. Вы никогда не используете слайдер.селектор, так какой смысл?

  2. в jQuery экземпляров должно быть "сохранено в кэше", в противном случае вы создаете новый объект jQuery каждый раз, когда вы звоните $() функция.

  3. Этот код разрешает только один ползунок на каждой странице. Что если вам нужно больше? Ты копипастишь все это?

  4. Это не настраивается вообще. Вам придется изменить исходные объекты, чтобы изменить способ работы анимации.

  5. jQuery-это на самом деле не нужны здесь. Вам на самом деле нужен только для анимации, которая не является сильной стороной в jQuery.

  6. Объект слайдер заканчивается в глобальной области видимости.

7
ответ дан 22 ноября 2011 в 09:11 Источник Поделиться