[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Как применить эффект к одному элементу
userguest
Здравствуйте.
Есть плагин jquery.easing.1.3.js. Он добавляет различные варианты движения элементов. С ним шел файл: script.js

$(document).ready(function(){
/* This code is executed after the DOM has been completely loaded */

/* Changing thedefault easing effect - will affect the slideUp/slideDown methods: */
$.easing.def = "easeOutBounce";

/* Binding a click event handler to the links: */
$('li.button a').click(function(e){

/* Finding the drop down list that corresponds to the current section: */
var dropDown = $(this).parent().next();

/* Closing all other drop down sections, except the current one */
$('.dropdown').not(dropDown).slideUp('slow');
dropDown.slideToggle('slow');

/* Preventing the default event (which would be to navigate the browser to the link's address) */
e.preventDefault();
})

});


Проблема в том, что на этой же странице есть слайдер. И не нужно, чтобы эффект применялся и к нему.
Я полагаю, что строчка - $(document).ready(function(){... из файла script.js
применяет эффект ко всему документу. Как сделать, чтобы он применялся только к нужному элементу (по его id, названию, не знаю по чему еще)?



Спустя 4 минуты, 47 секунд (16.04.2010 - 14:52) glock18 написал(а):
ready совершенно другое, и ничего не меняет здесь несмотря на то, что действительно применяется ко всему документу.

менять надо что-то из этого:
Цитата
$('li.button a')

Цитата
$('.dropdown')


для того чтобы понять что именно и как почитай про селекторы на docs.jquery.com

Спустя 1 час, 56 минут, 38 секунд (16.04.2010 - 16:49) userguest написал(а):
Спасибо за подсказку.

Но может кто-то сталкивался с данной проблемкой и может более конкретно указать на способ ее устранения.

Спустя 2 часа, 6 минут, 40 секунд (16.04.2010 - 18:56) userguest написал(а):
$.easing.def = "easeOutBounce";

Только убирая эту строчку все продолжало работать за исключением эффекта движения. Значит в ней дело.

Эта строчка меняет эффект по умолчанию на тот, который в кавычках.

Сначала попробовал добавить к другому элементу такую же строчку с другим эффектом: $(".класс_моего_элемента").easing.def = "easeOutBounce";.
Не получилось все элементы на странице используют один эффект.

Потом попробовал просто заменить существующую строчку (заменить на $$(".класс_моего_элемента").easing.def = "easeOutBounce";) в вышеприведенном файле без добавления новой - тот же эффект.

Спустя 41 минута, 45 секунд (16.04.2010 - 19:38) userguest написал(а):
Вопрос закрыт.

Другому плагину (в котором необходимо использовать другой эффект) нужно было всего навсего передать параметр: easing: "нужный эффект".

Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2025 Invision Power Services, Inc.