Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 31.08.2013, 16:55
Интересующийся
Отправить личное сообщение для All_ex74 Посмотреть профиль Найти все сообщения от All_ex74
 
Регистрация: 20.01.2013
Сообщений: 16

Три фиксированных положения слайдера связать с id кнопок
Доброго времени суток, друзья!

Встала передо мной следующая задача:

Имеется код слайдера с тремя фиксированными положениями. Данный слайдер обрабатывает скрипт-аккордион с тремя контейнерами. Каждое положение слайдера соответствует только одному контейнеру - это все решено и работает отлично...
<!-- код слайдера -->
<div class="slider"></div>       
<input type="hidden" id="hidden"/>

  	   <script>      
	     $( ".slider" ).slider({
		 animate: true,
         range: "min",
         value: 1,
         min: 1,
         max: 3,
		 step: 1,
		 slide: function( event, ui ) {
         if(ui.value ==0)
         $('#slider-result'); <!-- первый контейнер аккордеона -->
            });
         else if(ui.value == 1)
         $('#slider-result'); <!-- второй контейнер аккордеона -->
            });
         else if(ui.value == 2)
         $('#slider-result'); <!-- третий контейнер аккордеона -->
            });
          $('div.accordion-header')[ui.value-1].click();
         },
         change: function(event, ui) { 
         $('#hidden');
         }			
		 });
      </script>

<!-- три контейнера аккордеона -->
<div class="accordion-header"></div>		
       <div class="accordion-content">
          <!-- html контейнера -->
       </div>

<div class="accordion-header"></div>		
       <div class="accordion-content">
          <!-- html контейнера -->
       </div>

<div class="accordion-header"></div>		
       <div class="accordion-content">
          <!-- html контейнера -->
       </div>

Необходимо привязать дополнительно три уникальных id кнопок: #standard, #standard2 и #standard3 к каждому из положений ползунка слайдера, по порядку. Пробовал вот так
$( ".slider" ).slider({
		 animate: true,
         range: "min",
         value: 1,
         min: 1,
         max: 3,
		 step: 1,
		 slide: function( event, ui ) {
         if(ui.value ==0)
         $('#slider-result').click(function(){  
              $('#standard').trigger('click');
            });
         else if(ui.value == 1)
         $('#slider-result').click(function(){  
              $('#standard2').trigger('click');
            });
         else if(ui.value == 2)
         $('#slider-result').click(function(){  
              $('#standard3').trigger('click');
            });
          $('div.accordion-header')[ui.value-1].click();
         },
         change: function(event, ui) { 
         $('#hidden').attr('value', ui.value);
         }			
		 });

...ничего не вышло. Кто знает как реализовать? Если не трудно - подскажите пожалуйста!
...в программировании не силён, код выше подсмотрел на каком то форуме и естественно, ничего не получилось...

Последний раз редактировалось All_ex74, 31.08.2013 в 19:13.
Ответить с цитированием
  #2 (permalink)  
Старый 31.08.2013, 19:00
Аватар для rekzi
Аспирант
Отправить личное сообщение для rekzi Посмотреть профиль Найти все сообщения от rekzi
 
Регистрация: 28.08.2013
Сообщений: 78

Ты привязал событие click к кнопкам?
Ответить с цитированием
  #3 (permalink)  
Старый 31.08.2013, 19:10
Интересующийся
Отправить личное сообщение для All_ex74 Посмотреть профиль Найти все сообщения от All_ex74
 
Регистрация: 20.01.2013
Сообщений: 16

...в том то и дело что кнопок не будет, а их действие должен исполнять слайдер: сдвигаешь ползунок на одну позицию - выполняется id #standard, так же и для последующих позиций - #standard2 и #standard3...
Ответить с цитированием
  #4 (permalink)  
Старый 31.08.2013, 19:29
Аватар для rekzi
Аспирант
Отправить личное сообщение для rekzi Посмотреть профиль Найти все сообщения от rekzi
 
Регистрация: 28.08.2013
Сообщений: 78

Сделай display: none для кнопок трех. Можно функцию свою запилить и вызывать ее.
Ответить с цитированием
  #5 (permalink)  
Старый 31.08.2013, 19:36
Интересующийся
Отправить личное сообщение для All_ex74 Посмотреть профиль Найти все сообщения от All_ex74
 
Регистрация: 20.01.2013
Сообщений: 16

Если бы я знал, как "запилить функцию" я бы сюда не написал)...
Ответить с цитированием
  #6 (permalink)  
Старый 31.08.2013, 19:44
Аватар для rekzi
Аспирант
Отправить личное сообщение для rekzi Посмотреть профиль Найти все сообщения от rekzi
 
Регистрация: 28.08.2013
Сообщений: 78

Могу помочь - раздел работа или http://javascript.ru/Function.
Ответить с цитированием
  #7 (permalink)  
Старый 31.08.2013, 19:48
Интересующийся
Отправить личное сообщение для All_ex74 Посмотреть профиль Найти все сообщения от All_ex74
 
Регистрация: 20.01.2013
Сообщений: 16

тебе дружок на фрилэнс-ресурс нужно... "там и помогай"... как вы достали - умники. Я помощи попросил, а не блин, советов как стать великим программистом...

Последний раз редактировалось All_ex74, 31.08.2013 в 19:51.
Ответить с цитированием
  #8 (permalink)  
Старый 31.08.2013, 20:09
Аватар для rekzi
Аспирант
Отправить личное сообщение для rekzi Посмотреть профиль Найти все сообщения от rekzi
 
Регистрация: 28.08.2013
Сообщений: 78

Понимание функции - есть основа основ. В школе по информатике учат, а реализацию на конкретном языке - 5 минут в поиске. Нет тут ничего великого. Удачи.
Ответить с цитированием
Ответ



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

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