VPF::Слои действия - Форум программистов

SneG0K

Дата 17.4.2010, 12:38 (ссылка)

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

Загрузка ...

Max Mara

Профиль
Группа: Завсегдатай
Сообщений: 1887
Регистрация: 1.12.2007
Где: Wis Dells

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

Код


<div class="country_edit_window">
    <div class="header"><p class="title">Редактировать</p><div class="draggable"></div><img align="left" class="close_btn"></div>
    <div class="body">Тело</div>
    <div class="bottom"><div class="save">Сохранить</div><div class="close">Закрыть</div></div>
</div>

Это у нас модульное окно.
Хочу сделать его перетаскиваемым

Код


/* window drag interface */
$(".country_edit_window .header").mousedown(function(){
    alert('clicl');
});

Все бы вроде хорошо, хватаем за заголовок - тянем. Но

Код


$(".country_edit_window .close_btn").click(function(){
    $(".country_edit_window").animate({"opacity": 0, "left": "0", "top": "0"}, 300);
    $(".country_edit_window").css({"display": "none"});
});

Но там-же в заголовке есть еще и кнопка закрытия модульного окна. Т.е. получается, что обработчик кнопки закрытия переопределяется.
Как сделать так, чтоб обработчик не переопределялся?

Amphiluke

Дата 17.4.2010, 14:16 (ссылка)

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

Загрузка ...

☽

Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 35
Всего: 112

Можно ловить на кнопке закрытия событие onmousedown, а не click (первое происходит раньше), и в обработчике отменять всплытие.

Как-то так, что-ль.

Код


$(".country_edit_window .header").mousedown(function(){
    alert('clicl');
});
$(".country_edit_window .close_btn").mousedown(function(e){
    $(".country_edit_window").animate({"opacity": 0, "left": "0", "top": "0"}, 300);
    $(".country_edit_window").css({"display": "none"});
    if (e) {e.stopPropagation();} else {event.cancelBubble = true;}
});

Любитель

Дата 18.4.2010, 21:04 (ссылка)

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

Загрузка ...

Программист-романтик

Профиль
Группа: Комодератор
Сообщений: 3645
Регистрация: 21.5.2005
Где: Воронеж

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

Ну само закрытие обрабатывать в клике - это логично. А вот отменять обработку события парентами - действительно надо. Единственное - такой код немного странен, так как e здесь - это jQuery-вская обёртка над ивентом ("браузерный" обхект ивента - e.originalEvent). Он передастся всегда. У него есть метод stopPropagation, который уже под IE установит cancelBubble.

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

http://oryolalex.mybrute.com

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