Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / javascript выполняется 2 раза / 7 сообщений из 7, страница 1 из 1
23.10.2014, 07:36
    #38784843
CTYDEHT
CTYDEHT
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
javascript выполняется 2 раза
Здравствуйте, имеется вот такой код, пытаюсь выполнить эвент "при наведении мыши", но почему-то он выполняется 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, 08:18
    #38784861
FishHook
FishHook
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
javascript выполняется 2 раза
автор.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:31
    #38784870
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
javascript выполняется 2 раза
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:49
    #38784881
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
javascript выполняется 2 раза
ИМХО надо устранить дребезг: микропаттерны оптимизации в Javascript: декораторы функций debouncing и throttling .
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.10.2014, 09:11
    #38784896
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
javascript выполняется 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.
<!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:56
    #38784950
CTYDEHT
CTYDEHT
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
javascript выполняется 2 раза
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
| Ответить | Цитировать | Написать  
24.10.2014, 07:22
    #38786256
FishHook
FishHook
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
javascript выполняется 2 раза
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
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / javascript выполняется 2 раза / 7 сообщений из 7, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 426ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1446596]:
 0ms
get settings:
 8ms
get forum list:
 10ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 132ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 42ms
get tp. blocked users:
 1ms
others: 217ms
total:  426ms
x
x
Закрыть


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