| Код |
<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"});
});
|
Но там-же в заголовке есть еще и кнопка закрытия модульного окна. Т.е. получается, что обработчик кнопки закрытия переопределяется.
Как сделать так, чтоб обработчик не переопределялся? |