Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 25.12.2015, 15:52
Интересующийся
Отправить личное сообщение для Mirtle@tut.by Посмотреть профиль Найти все сообщения от Mirtle@tut.by
 
Регистрация: 18.08.2015
Сообщений: 18

Клик по ссылке получаем div
Есть 3 дива и 3 ссылки. Хочу сделать с помощью jquery по нажатию на определенную ссылку открывался определенный div
Ответить с цитированием
  #2 (permalink)  
Старый 25.12.2015, 16:19
Интересующийся
Отправить личное сообщение для Mirtle@tut.by Посмотреть профиль Найти все сообщения от Mirtle@tut.by
 
Регистрация: 18.08.2015
Сообщений: 18

У меня есть идея: получить индекс у ссылки, затем получить индекс у div и привязать их к друг другу. Но может есть решение попроще
Ответить с цитированием
  #3 (permalink)  
Старый 25.12.2015, 21:37
Аватар для Coriolan161
Профессор
Отправить личное сообщение для Coriolan161 Посмотреть профиль Найти все сообщения от Coriolan161
 
Регистрация: 21.11.2015
Сообщений: 440

Mirtle@tut.by,
Решения могут быть попроще и посложнее. Но идея у них одна - та которую вы описали.
Ответить с цитированием
  #4 (permalink)  
Старый 27.12.2015, 21:08
Интересующийся
Отправить личное сообщение для Mirtle@tut.by Посмотреть профиль Найти все сообщения от Mirtle@tut.by
 
Регистрация: 18.08.2015
Сообщений: 18

У меня возник еще вопрос. Есть такая структура. Я написала код, чтобы по нажатию на иконку картинки у меня отображался определенный div c историей. Но почему-то когда я нажимаю на первую картинку отображение информации не происходит. На остальных все работает. что-то я делаю неправильно?
<div class="stories">
<div>
<div class="story active">Текст</div>
<div class="story">Текст</div>
<div class="story">Текст</div>
</div>
 <div class="members">
<a href="#"><img  src="" alt=""></a>
<a href="#"><img  src="" alt=""></a>
<a href="#"><img  src="" alt=""></a>
<a href="#"><img  src="" alt=""></a>
</div>
 </div>

$(function(){

   $('.members').on('click', 'a,img', function(event){
       event.preventDefault();


       var $stories=$('.stories').find('.story');
      
       $stories.fadeOut('slow');
       var $imgIndex = $(this).index();
       function showStory(imgIndex){

           if(imgIndex){
               $($stories[imgIndex]).fadeIn('slow');
           }
       }
       showStory($imgIndex);
});
});
Ответить с цитированием
  #5 (permalink)  
Старый 27.12.2015, 21:12
Профессор
Отправить личное сообщение для Rise Посмотреть профиль Найти все сообщения от Rise
 
Регистрация: 07.11.2013
Сообщений: 4,662

Mirtle@tut.by, условие убери
Ответить с цитированием
  #6 (permalink)  
Старый 27.12.2015, 21:27
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,072

Mirtle@tut.by,
на всякий случай то что вы изобретаите содержится на форуме под словом открывашка уже 241 вариант, может поискать?
Ответить с цитированием
  #7 (permalink)  
Старый 27.12.2015, 22:21
Интересующийся
Отправить личное сообщение для Mirtle@tut.by Посмотреть профиль Найти все сообщения от Mirtle@tut.by
 
Регистрация: 18.08.2015
Сообщений: 18

Спасибо.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Клик по ссылке присваивает класс модальному окну Павел Турченко jQuery 5 08.10.2015 14:51
вызов DIV с содержимом по ссылке seddx Общие вопросы Javascript 10 31.12.2014 14:36
Как реализовать клик по ссылке, ключ у которой меняется Mayskiykot Общие вопросы Javascript 4 11.12.2013 10:35
Как сделать клик по ссылке с другой ссылки или div ? ilyas-> Элементы интерфейса 15 01.08.2013 12:49
Клик по ссылке через каждое №-ое количество времени. lamer Элементы интерфейса 12 17.03.2012 10:17