Форум

ksa · #11 (**permalink**) 06.04.2015, 13:29

Сообщение от demoniqus

Вот модель происходящего

Уже хорошо.

Как вариант просто поменяй местами два последних действия.

<!DOCTYPE html>
<html>
<head>
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
	$('#do').click(function(){
		var df = document.createDocumentFragment();
		var input1 = $('<input type="checkbox" id="checkbox1" />');
		input1.click(function(){
			alert('click '+this.checked);
		});
		input1.change(function(){
			alert('change '+this.checked);
		});
		$('#result').append(input1);
		input1.click();
	});
});
</script>
</head>
<body>
<button id="do">CYCLE</button>
<div id="result"></div>
</body>
</html>

ksa · #12 (**permalink**) 06.04.2015, 13:31

Сообщение от demoniqus

Кстати, ни разу так не пробовал... Любопытный эффект что ли?

Там кагбэ двойной клик получается...

ksa · #13 (**permalink**) 06.04.2015, 13:33

Сообщение от demoniqus

Во всех браузерах кроме FF input меняет свое состояние и в консоль пишется true. В FF при вызове input.click()в консоль пишется false и сам checkbox не меняет своего состояния.

В моем примере в ФФ работает ...

demoniqus · #14 (**permalink**) 06.04.2015, 13:33

Сообщение от laimas

Устанавливайте обработчик элементам при их добавлении на страницу, или делегируйте их обработку ближайшему родителю гарантировано присутствующему на странице.

Форма сложная, ее компоненты связаны друг с другом через различные события. Я разделил ее создание и настройку на отдельные методы, чтобы можно было нормально понимать этот код. И очень не хотелось бы все это смешивать или вообще делать один ОЧЕЕЕЕЕЕЕЕЕЕЕЕЕЕНЬ длинный метод из-за одного только браузера...

ksa · #15 (**permalink**) 06.04.2015, 13:34

demoniqus, ты мой пример смотрел?
Вызов click() на radio не изменяет его checked

laimas · #16 (**permalink**) 06.04.2015, 13:37

demoniqus, пофигу какая у вас там форма ибо вы явно прописываете добавление элементов, и при их добавлении нужно и устанавливать обработчик, а лучше делегировать родителю. А об иных проблемах, которые могут быть, написал ksa.

demoniqus · #17 (**permalink**) 06.04.2015, 13:40

Сообщение от ksa

В моем примере в ФФ работает ...

KSA, ты нарушил условие эксперимента.
Объясняю: я создаю некую форму (но еще не помещаю ее в дерево документа), навешиваю обработчики событий (которые влияют на состояние данной формы и содержат в себе определенную логику связей состояний элементов). Из-за логической связи состояний различных элементов формы их проще настроить, вызвав нужный обработчик, нежели писать еще кучу кода. Вот через тот самый click() я и вызываю эту настройку. И сделать это я хочу до того, как показать форму пользователю (самого как пользователя бесит жутко, когда у тебя на глазах начинают прыгать сами по себе разные прибамбасы по всей странице). И только потом уже готовую форму я append'ю в страницу. Ты же поменял настроечный click и append местами.

ksa · #18 (**permalink**) 06.04.2015, 13:44

Сообщение от demoniqus

ты нарушил условие эксперимента

Я только поправил твой тестовый пример...

ksa · #19 (**permalink**) 06.04.2015, 13:47

Сообщение от demoniqus

Из-за логической связи состояний различных элементов формы их проще настроить, вызвав нужный обработчик, нежели писать еще кучу кода. Вот через тот самый click() я и вызываю эту настройку. И сделать это я хочу до того, как показать форму пользователю

Ты сам себе создал проблемы и теперь застрял в особенностях того же ФФ.

Т.ч. все как в анекдоте

Цитата:

- Доктор, когда я делаю так (сворачивается в немыслимую позу)... У меня сильно болит вот здесь.
- Не делайте так!

demoniqus · #20 (**permalink**) 06.04.2015, 13:50

Сообщение от ksa

Я только поправил твой тестовый пример...

Вот эта правка и изменила условие эксперимента.
Мне нужно, чтобы click происходил ДО ТОГО, как форма попадет в страницу. Особенно в свете особенностей работы того же IE, который примерно до 10х раз тормознутее того же Хрома и Лисы...
Сейчас на w3c читаю инфу по click и change и пока не вижу ничего такого, что могло бы объяснить подобное поведение в FF. Я просто хотел предположить, что в данном случае FF наиболее строго следует какой-нибудь спецификации (как это часто бывает в случае IE), но только не вижу такой спецификации.

Сообщение от ksa

Ты сам себе создал проблемы и теперь застрял в особенностях того же ФФ.

Т.ч. все как в анекдоте

Это не портал анекдотов и не гороскоп. Это очень серьезное приложение, очень тяжелое. И оно было таким еще до меня. Приходится сравнительно долго ждать полной загрузки страницы прежде, чем все компоненты наконец займут свои места, что довольно сильно раздражает, т.к. невозможно быстро работать. Я стараюсь отдавать пользователю уже готовый интерфейс, который только нужно отрендерить без каких-либо дополнительных настроек.
И, как я сказал, это сложное приложение, а потому различные связи будут и никуда от этого не деться.
Вопрос в том, на что я наткнулся: это глюк Лисы или же это на самом деле нормальное поведение, а остальные браузеры просто прощают эту ошибку (сомневаюсь, что IE может быть лояльнее, чем хоть кто-нибудь другой)?

Сообщение от ksa

не делайте так

Если бы знать, где упадешь... кто ж знал, что click() может не изменить состояние checkbox и radio?

Форум

Справочник

Discord чат

Курсы javascript