Javascript.RU

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

Проблема с эффектами
Помогите пожалуйста решить следующую проблему:


Код выглядит, примерно, следующим образом:
<div id="box">
          <img class="object_1" src="images/1.jpg">
          <img class="object" src="images/2.jpg">
          <img class="object" src="images/3.jpg">
          <img class="object" src="images/4.jpg">
          ...
          <img class="object" src="images/n.jpg">

          <button id="showr">Показать</button>
          <button id="hidr">Спрятать</button>
</div>

JavaScript
$(document).ready(function(){
          $("#showr").click(function () {
                    $("#box .object:eq(0)").show("fast", function () { // выводим все элементы типа .object
                              $(this).next().show(350, arguments.callee);
                    });
                    $("#box  .object_1").slideDown("fast");  // выводим определенный элемент
          });
          $("#hidr").click(function () {
                    $("#box  .object").hide(2000);   // прячем все элементы типа .object
                    $("#box  .object_1").slideUp(1000);  // прячем определенный элемент
          });
});


Проблема заключается в том, что если поместить на страницу ещё один элемент #box с массивом .object и кнопками "Показать", "Спрятать" - последствия ужасны.
Не могу понять, как сделать так, что бы при нажатии на кнопки обрабатывались только соседние элементы...
Ответить с цитированием
  #2 (permalink)  
Старый 27.07.2011, 11:26
Аватар для walik
Профессор
Отправить личное сообщение для walik Посмотреть профиль Найти все сообщения от walik
 
Регистрация: 09.11.2009
Сообщений: 1,101

Сообщение от Karlen
поместить на страницу ещё один элемент #box с массивом .object
На странице может присутствовать только один элемент с определенным ID
__________________
"Всегда пишите код так, будто сопровождать его будет склонный к насилию психопат, который знает, где вы живете."
Мой сертификат :-D клацай
Ответить с цитированием
  #3 (permalink)  
Старый 27.07.2011, 12:12
Новичок на форуме
Отправить личное сообщение для Karlen Посмотреть профиль Найти все сообщения от Karlen
 
Регистрация: 27.07.2011
Сообщений: 6

Да, забыл, спасибо) Но проблема не в этом... #box в данной ситуации легко можно поменять на .box

Проблема, в JavaScript... При нажатии на кнопке находящейся в 1-ом .box скрипт обрабатывает все .object находящиеся на странице.

Как это можно исправить? Можно ли как-то задать, что бы обрабатывались элементы .object только в том .box, в котором нажата кнопка?

Последний раз редактировалось Karlen, 27.07.2011 в 12:20.
Ответить с цитированием
  #4 (permalink)  
Старый 27.07.2011, 12:18
Новичок на форуме
Отправить личное сообщение для Karlen Посмотреть профиль Найти все сообщения от Karlen
 
Регистрация: 27.07.2011
Сообщений: 6

Хотя у кнопок тоже id =( Придумаю, что делать с кнопками...
Ответить с цитированием
  #5 (permalink)  
Старый 27.07.2011, 13:44
sinistral
Посмотреть профиль Найти все сообщения от melky
 
Регистрация: 28.03.2011
Сообщений: 5,418

идите от event.target, чтобы узнать, на что кликнули.

потом находите относительно этого элемента его родителя ( да хоть #box), а потом как обычно..ищете img и анимируете

лови пример. добавил по одной строчке в каждую функцию и контекст (после селектора). Еще заменил ИД у кнопок на КЛАСС

Последний раз редактировалось melky, 27.07.2011 в 13:52.
Ответить с цитированием
  #6 (permalink)  
Старый 27.07.2011, 14:03
Новичок на форуме
Отправить личное сообщение для Karlen Посмотреть профиль Найти все сообщения от Karlen
 
Регистрация: 27.07.2011
Сообщений: 6

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



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
проблема с эффектами через jquery morfie Events/DOM/Window 1 27.08.2010 17:59
Проблема с Popup окном vovuslik jQuery 5 12.06.2010 16:12
Проблема с CSS COKOJIOB (X)HTML/CSS 5 04.08.2009 14:19
Проблема, в менюшке Большой джо Элементы интерфейса 0 12.07.2009 17:12
Проблема спама lliberty AJAX и COMET 1 12.03.2009 16:47