Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Повторное срабатывание события (https://javascript.ru/forum/events/33962-povtornoe-srabatyvanie-sobytiya.html)

Vhornets 15.12.2012 19:15

Повторное срабатывание события
 
Уже в который раз сталкиваюсь с подобным, но все стеснялся спросить :) :
предположим, есть элементарный нумерованый список <ol>. У него есть скрытые классом .hide дети <li>. По клику на заголовке списка дети должны менять свой класс на .show и, соответствнно, отображаться. В общем-то совершенно типичная ситуация, но все дело в том, что класс меняется (дети отображаются) только единожды после проверки обработчиком, а при повторном срабатывании события класс не меняется (дети не скрываются).
window.onload = function() {
	
	var ol = document.getElementById("list");
		if(ol.addEventListener) {
			ol.addEventListener("click", showHide, false);
		}
		else if(ol.attachEvent) {
			ol.attachEvent("onclick", showHide);
		}
	
	function showHide(event) {
		var e = event || window.event;
		var target = e.target || e.srcElement;
		var child = target.childNodes;
		for(var i = 0; i<child.length; i++) {
			if(child[i].className = "hide") {
				child[i].className = "show";
			}
			else {
				child[i].className = "hide";
			}	
		}
	}
	
}

Разметка:
<ol id="list">
Lllist
<li class="hide">List 1</li>
<li class="hide">List 1</li>
<li class="hide">List 1</li>
<li class="hide">List 1</li>
</ol>
Стили (хотя тут все очевидно):
#list {
width:150px;
}
.hide{
display:none;
}
.show {
display:list-item;
}

рони 15.12.2012 19:28

Vhornets,
if(child[i].className == "hide")

Deff 15.12.2012 19:28

Vhornets,
Если Вы обработчик привязываете к изменяемому параметру в данном контенте, class, к примеру( можно например к неизменяемомому, к примеру id)
То необходимо пользоваться либо live, в старых версиях JQ, либо on в новых от 1.7


(UPS

Vhornets 15.12.2012 20:15

Цитата:

Сообщение от рони (Сообщение 221554)
Vhornets,
if(child[i].className == "hide")

Ёлки-палки. Так и знал, что ошибка будет позорной. Спасибо


Часовой пояс GMT +3, время: 14:40.