Jquery.Slider

Обсуждаются вопросы по надстройке jQuery UI - официальные виджеты и плагины для организации взаимодействия с элементами интерфейса.

Модераторы: EGORR, Gennady

Jquery.Slider

Сообщение Flex » 03 дек 2010, 11:23

Имеем:
Код: выделить все
$('#slider').slider({
    slide: function (event,ui) {
        //тут уменьшение изображения $('#Image')
    }
});


Далее из скрипта меняю ползунок

Код: выделить все
$('#slider').slider('value', '10');


НО! обработчик не срабатывает - размеры изображения не изменяются, КАК БЫТЬ? (еще есть методы change/start/stop - тоже не срабатывают.)

пробовал кроме изменения ползунка еще дополнять методом slide второый вызов slider-а - но не срабатывает...
Flex
 
Сообщений: 15
Зарегистрирован: 25 мар 2010, 16:24

Re: Jquery.Slider

Сообщение zandroid » 03 дек 2010, 11:40

По идее, на явное изменения значения должно реагировать событие change
Аватар пользователя
zandroid
Модератор
 
Сообщений: 1164
Зарегистрирован: 21 янв 2010, 22:16
Откуда: Нижний Новгород

Re: Jquery.Slider

Сообщение Flex » 03 дек 2010, 11:41

по идее да - но что-то не хочет.
Flex
 
Сообщений: 15
Зарегистрирован: 25 мар 2010, 16:24

Re: Jquery.Slider

Сообщение zandroid » 03 дек 2010, 11:57

Код в студию. У меня прекрасно реагирует.
Аватар пользователя
zandroid
Модератор
 
Сообщений: 1164
Зарегистрирован: 21 янв 2010, 22:16
Откуда: Нижний Новгород

Re: Jquery.Slider

Сообщение Flex » 03 дек 2010, 12:22

хм... может не так что делаю? :

Код: выделить все
// размер слайдера
$('#slider').width( width < modal_w ? width : modal_w );
               
// собственно сам слайдер
               $('#slider').slider({
                  min   : 1,
                  max   : width, // размер ширины картинки
                  range : 'min',
                  value : width,
                  start : function () {
                     apiJcrop.destroy(); // тут навешивается Jcrop
                     last_s_w.val($('#preImage').width()); // запоминаем данные
                     last_s_h.val($('#preImage').height());
                  },
                  slide :  function (event, ui) {
                     // меняем размер изображения
                     new_w = ui.value;
                     new_h = (height*ui.value/width).toFixed(0);
                     $('#preImage').width(new_w); // устанавливаем размер картинки в зависимости от положения слайдера
                     $('#preImage').height(new_h);
                     // покажем размеры выделения
                     showSelectSize('Размер изображения:',new_w,new_h);
                  },
                  stop  : function () {
                     // запоминаем выбранный размер
                     $('#width').val($('#preImage').width());
                     $('#height').val($('#preImage').height());
                     // запускаем выделение Jcrop
                     initJcrop();
                     // и показываем предыдущие выделение пропорционально новым размерам
                     showSelect();
                  }
               });

            // первый вариант пробы change
               $('#slider').slider({
                  value : '100',
                  change : function (event,ui) {
                     $('#preImage').width('200');
                     $('#preImage').height('100');
                  }
               });
            // второй вариант вариант пробы change
            /*$('#slider').bind( "slidechange", function(event, ui) {
               $('#preImage').width('200');
               $('#preImage').height('100');
            });*/
Flex
 
Сообщений: 15
Зарегистрирован: 25 мар 2010, 16:24

Re: Jquery.Slider

Сообщение zandroid » 03 дек 2010, 13:19

на первый взгляд всё нормально, попробуй отладчиком посмотреть или хотя бы элементарный alert воткнуть, может проблема не в slider'е. Или показывай больше деталей (лучше какую-нибудь демо-страничку).
Аватар пользователя
zandroid
Модератор
 
Сообщений: 1164
Зарегистрирован: 21 янв 2010, 22:16
Откуда: Нижний Новгород

Re: Jquery.Slider

Сообщение Flex » 03 дек 2010, 14:07

[del]блин... как то само заработало ))[/del]

а вот и нет - когда отключаю плагин Jcrop - работает, включаю - нет.
Flex
 
Сообщений: 15
Зарегистрирован: 25 мар 2010, 16:24

Re: Jquery.Slider

Сообщение zandroid » 03 дек 2010, 14:22

Flex писал(а):[del]блин... как то само заработало ))[/del]

а вот и нет - когда отключаю плагин Jcrop - работает, включаю - нет.

Значит дело не в slidere. Смотри отладчик (консоль JS в браузере) - там наверняка есть сообщения об ошибках.
Аватар пользователя
zandroid
Модератор
 
Сообщений: 1164
Зарегистрирован: 21 янв 2010, 22:16
Откуда: Нижний Новгород


Вернуться в jQuery UI

Кто сейчас на форуме

Сейчас этот форум просматривают: Yandex и гости: 1