02.12.2013 15:16:57 Не выполняется действие по щелчку Сообщение #1
Дмитрий184
Мастер
Дата регистрации:
29.06.2012 08:48:56
Сообщений: 225
Здравствуйте!
Написал скрипт, чтобы при наведении на контейнер, ширина элемента в контейнере уменьшилась, а при щелчке ширина стала 0рх. Но почему-то действие происходит не по щелчку, а по двойному щелчку (хотя событие click). Скажите, пожалуйста, в чем причина двойного щелчка?
<div class="wrapper">
<div class="in-wrapper">
</div>
</div>
.wrapper {
width: 240px;
height: 200px;
background: #800
}
.in-wrapper {
width: 240px;
height: 200px;
background: #080;
}
$(document).ready(function(){
$('.wrapper').mouseover(function(){
$('.in-wrapper').css({width:'235px'});
})
$('.wrapper').click(function(){
$('.in-wrapper').css({width:'0px'});
})
});
Написал скрипт, чтобы при наведении на контейнер, ширина элемента в контейнере уменьшилась, а при щелчке ширина стала 0рх. Но почему-то действие происходит не по щелчку, а по двойному щелчку (хотя событие click). Скажите, пожалуйста, в чем причина двойного щелчка?
<div class="wrapper">
<div class="in-wrapper">
</div>
</div>
.wrapper {
width: 240px;
height: 200px;
background: #800
}
.in-wrapper {
width: 240px;
height: 200px;
background: #080;
}
$(document).ready(function(){
$('.wrapper').mouseover(function(){
$('.in-wrapper').css({width:'235px'});
})
$('.wrapper').click(function(){
$('.in-wrapper').css({width:'0px'});
})
});