ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / javascript выполняется 2 раза
7 сообщений из 7, страница 1 из 1
javascript выполняется 2 раза
    #38784843
CTYDEHT
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CTYDEHT
Участник
Здравствуйте, имеется вот такой код, пытаюсь выполнить эвент "при наведении мыши", но почему-то он выполняется 2 раза.

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
<div class="calc_m_telo_left_new">
	<div class="calc_m_telo_new_element" n="1">
		<div class="calc_m_telo_new_kod">
			<span>451.1</span>
		</div>
		<div class="calc_m_telo_new_element_btns" style="display: block;">
			<div class="calc_m_telo_new_element_btns_raschet" id="calc_m_telo_new_element_btns">Расчет</div>
			<div class="calc_m_telo_new_element_btns_ojidanie" id="calc_m_telo_new_element_btns">в Ожидание</div>
			<div class="calc_m_telo_new_element_btns_arhiv" id="calc_m_telo_new_element_btns">в Архив</div>
		</div>
		<div class="calc_m_telo_new_element_img"><img src="/img_izd/72/023/IMG_6548.jpg"></div>
	</div>	
</div>



Код: javascript
1.
2.
3.
$('.calc_m_telo_left_new').on('hover','.calc_m_telo_new_element',function(event){
		$(this).children('.calc_m_telo_new_element_btns').show(), function(){};
	});



Пробовал использоваться заместо hover "click", выполняется 1 раз. Уже пару часов пытаюсь разобраться в чем проблема, но безрезультатно.
...
Рейтинг: 0 / 0
23.10.2014, 07:36
| Ответить | Цитировать | Написать  
javascript выполняется 2 раза
    #38784861
Фотография FishHook
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
FishHook
Участник
автор.hover( handlerIn, handlerOut )Returns: jQuery
Description: Bind two handlers to the matched elements, to be executed when the mouse pointer enters and leaves the elements.



Нафиг ховер, юзай moseOver
...
Рейтинг: 0 / 0
23.10.2014, 08:18
| Ответить | Цитировать | Написать  
javascript выполняется 2 раза
    #38784870
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
CTYDEHTимеется вот такой код, пытаюсь выполнить эвент "при наведении мыши", но почему-то он выполняется 2 раза.
У меня твой "код" вообще не выполняется...

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
<!DOCTYPE html>
<html>
<head>
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
.calc_m_telo_new_element_btns {
	display: none;
	border: 1px solid;
}
.calc_m_telo_new_element {
	border: 1px solid;
}
</style>
<script type='text/javascript'>
$(function (){
	$('.calc_m_telo_left_new').on('hover','.calc_m_telo_new_element',function(event){
		alert(1);
		$(this).children('.calc_m_telo_new_element_btns').show(), function(){};
	});
});
</script>
</head>
<body>
<div class="calc_m_telo_left_new">
	<div class="calc_m_telo_new_element" n="1">
		<div class="calc_m_telo_new_kod">
			<span>451.1</span>
		</div>
		<div class="calc_m_telo_new_element_btns">
			<div class="calc_m_telo_new_element_btns_raschet" id="calc_m_telo_new_element_btns">Расчет</div>
			<div class="calc_m_telo_new_element_btns_ojidanie" id="calc_m_telo_new_element_btns">в Ожидание</div>
			<div class="calc_m_telo_new_element_btns_arhiv" id="calc_m_telo_new_element_btns">в Архив</div>
		</div>
		<div class="calc_m_telo_new_element_img"><img src="/img_izd/72/023/IMG_6548.jpg"></div>
	</div>	
</div>
</body>
</html>
...
Рейтинг: 0 / 0
23.10.2014, 08:31
| Ответить | Цитировать | Написать  
javascript выполняется 2 раза
    #38784881
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
ИМХО надо устранить дребезг: микропаттерны оптимизации в Javascript: декораторы функций debouncing и throttling .
...
Рейтинг: 0 / 0
23.10.2014, 08:49
| Ответить | Цитировать | Написать  
javascript выполняется 2 раза
    #38784896
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Или вообще все свести к простому ЦСС...

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
<!DOCTYPE html>
<html>
<head>
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
.calc_m_telo_new_element_btns {
	display: none;
	border: 1px solid;
}
.calc_m_telo_new_element:hover .calc_m_telo_new_element_btns {
	display: block;
}
.calc_m_telo_new_element {
	border: 1px solid;
}
</style>
<script type='text/javascript'>
</script>
</head>
<body>
<div class="calc_m_telo_left_new">
	<div class="calc_m_telo_new_element" n="1">
		<div class="calc_m_telo_new_kod">
			<span>451.1</span>
		</div>
		<div class="calc_m_telo_new_element_btns">
			<div class="calc_m_telo_new_element_btns_raschet" id="calc_m_telo_new_element_btns">Расчет</div>
			<div class="calc_m_telo_new_element_btns_ojidanie" id="calc_m_telo_new_element_btns">в Ожидание</div>
			<div class="calc_m_telo_new_element_btns_arhiv" id="calc_m_telo_new_element_btns">в Архив</div>
		</div>
		<div class="calc_m_telo_new_element_img"><img src="/img_izd/72/023/IMG_6548.jpg"></div>
	</div>	
</div>
</body>
</html>
...
Рейтинг: 0 / 0
23.10.2014, 09:11
| Ответить | Цитировать | Написать  
javascript выполняется 2 раза
    #38784950
CTYDEHT
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CTYDEHT
Участник
FishHook:

через mouseover все прекрасно работает и срабатывает 1 раз:

Код: javascript
1.
2.
3.
$('.calc_m_telo_left').on('mouseover','.calc_m_telo_new_element',function(event){		
		$(this).children('.calc_m_telo_new_element_btns').show();
	});



skyANA:

попробовал то, что находилось по ссылке. Проблема осталась.

krvsa:
Спасибо что напомнили про CSS, все работает отлично.

Заметил еще одну особенность, двойное нажатие именно срабатывает только тогда, когда эвент "hover" и причем он срабатывает так:
навел он сработал 1 раз, убрал с элемента он срабатывает еще раз.
...
Рейтинг: 0 / 0
23.10.2014, 09:56
| Ответить | Цитировать | Написать  
javascript выполняется 2 раза
    #38786256
Фотография FishHook
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
FishHook
Участник
CTYDEHTЗаметил еще одну особенность, двойное нажатие именно срабатывает только тогда, когда эвент "hover" и причем он срабатывает так:
навел он сработал 1 раз, убрал с элемента он срабатывает еще раз.
Я ж тебе английским языком написал, что
авторDescription: Bind two handlers to the matched elements, to be executed when the mouse pointer enters and leaves the elements.

два раза срабатывать на hover (при наведении и отведении) - это есть нормальное поведение.
Ну что тут непонятного то? Особенность он заметил.
...
Рейтинг: 0 / 0
24.10.2014, 07:22
| Ответить | Цитировать | Написать  
7 сообщений из 7, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / javascript выполняется 2 раза
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38786256&tid=1446596]:
 0ms
get settings:
 5ms
get forum list:
 13ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 93ms
get topic data:
 5ms
get forum data:
 2ms
get page messages:
 24ms
get tp. blocked users:
 1ms
others: 225ms
total:  372ms
созд. / загр.: 372ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]