VPF::Как сделать одно событие сразу для двух id

numerovan

Дата 14.10.2009, 01:06 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 549
Регистрация: 1.12.2007

Репутация: нет
Всего: 2

Здравствуйте единомышленники.
Имеется :

Код


<font id='m_home' class='for_font'>MAIN_MENU</font>
.... 
<a href='#' id='some' class='for_a'>under_menu</a>

Сделал на jQuery событие для первого элемента . Как сделать чтоб и второй элемент тоже выполнял тоже самое событие не создавая отдельного блока строк для второго ...?

Код


//Вот сюда приставить бы и ещё одно id, 
//но не знаю как...
              -----> $('#m_home').click(function(){
                $('#transparency_service').fadeOut(),
                $('#transparency_price').fadeOut(),
                $('#transparency_clients').fadeOut(),
                $('#transparency_agb').fadeOut(),
                $('#transparency_contact').fadeOut(),
                $('#transparency_about_us').fadeOut(),
                $('#transparency_home').fadeIn();
                ($('#transparency_home').height()>550) ? $('#td_body_height').css({height:$('#transparency_home').height()}) :     $('#td_body_height').css({height:"550px"});
                document.cookie = "cokie_menu=home";
                var key = true;
            });

КТО ЗНАЕТ ПОДСКАЖИТЕ ПОЖАЛУЙСТА. СПАСИБО.

bars80080

Дата 14.10.2009, 01:11 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 3
Всего: 315

а нельзя ли было бы набрать в одну функцию все эти вызовы?

Код


function qw() {
                $('#transparency_service').fadeOut(),
                $('#transparency_price').fadeOut(),
                $('#transparency_clients').fadeOut(),
                $('#transparency_agb').fadeOut(),
                $('#transparency_contact').fadeOut(),
                $('#transparency_about_us').fadeOut(),
                $('#transparency_home').fadeIn();
                ($('#transparency_home').height()>550) ? $('#td_body_height').css({height:$('#transparency_home').height()}) :     $('#td_body_height').css({height:"550px"});
                document.cookie = "cokie_menu=home";
                var key = true;

}

а затем прописать:

Код


$('#m_home').click(qw());
$('#some').click(qw());

или как там по местному синтаксису

numerovan

Дата 14.10.2009, 01:18 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 549
Регистрация: 1.12.2007

Репутация: нет
Всего: 2

Барс ... а вот такую функцию можно создавать за пределами jQuery(function() ?

Код


// примерно вот так 
<script>
function qw(){
// тут то что ты написал , а после идёт уже jQuery(function(){}); блок и вызывается внутри её ...
         jQuery(function(){
                  qw();
         });
}
</script>

вчера только стал читать про этот jQuery, понравился, но пока в нём не сильно бум-бум.

bars80080

Дата 14.10.2009, 01:30 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 3
Всего: 315

я вообще про jquery ничего не читал. попробуй - узнаешь

numerovan

Дата 14.10.2009, 01:40 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 549
Регистрация: 1.12.2007

Репутация: нет
Всего: 2

мужики сделал ... а именно ... для разныъ элиментов добавил общий класс

Код


<td id="m_home" class="td_menu basic_sel_home"...

....

<a href="#" class="basic_sel_home">

а для jquery написал под этот класс событие

Код



function qw(id){
    $('.transparency_menu').fadeOut();
    $('#transparency_' + id).fadeIn();
    ($('#transparency_' + id).height()>550) ? $('#td_body_height').css({height:$('#transparency_' + id).height()}) : $('#td_body_height').css({height:"550px"});
    document.cookie = "cokie_menu=" + id;
    var key = true;
}

jQuery(function(){
                        $('.basic_sel_home').click(function(){
                qw("home");
            });
});

и всё заработало ...
но вопрос остался открытым ... А МОЖНО ЛИ КАК-ТО В ОДНОЙ СТРОЧКЕ НАЗНАЧИТЬ СОБЫТИЕ СРАЗУ ДЛЯ ВДУХ ID ?
к примеру что я хочу увидить :

Код


$('#some_id_one', '#some_id_two').click(function(){
    qw("home");
});

brother79

Дата 14.10.2009, 07:11 (ссылка)

(голосов:1)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 471
Регистрация: 18.8.2009

Репутация: 1
Всего: 6

Вместо

Код




                $('#transparency_service').fadeOut(),
                $('#transparency_price').fadeOut(),
                $('#transparency_clients').fadeOut(),
                $('#transparency_agb').fadeOut(),
                $('#transparency_contact').fadeOut(),
                $('#transparency_about_us').fadeOut(),

можно что-то типа этого:

Код


  $('[id^=transparency_]').not('#transparency_home').fadeOut();

Кроме того посмотри как работает
.filter
.add
.find
.children
.parent

и т.д., вощможно набо как-то иначе создашь сразу на несколько эл-ов

Также можно:

Код


$('#id1').add('#id2').click(...);
$('#id1, #id2').click(...);

--------------------

http://www.nastandart.com

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Применение библиотек \| Следующая тема »