Не работает .bind в IE8. Что делать?

Question

[Дмитрий Батулин]

Есть код который вызывается при инициализации страницы и привязывается к элементам, для того, что бы отслеживать события по ним:

initOn: function(){
			var rf = this.refresh.bind(this);
			this.container.on('change', '.delivery input[type=radio]', rf);
			this.container.on('change', '.payment input[type=radio]', rf);
		}

И проблема в том, что в IE8 не вызывается метод refresh.
Я так понимаю, что проблема может быть с поддержкой .bind(this), но как выйти из ситуации пока не могу понять.

Спасибо за помощь.

Answer 1

[aen]

Метод .bind() относится к ECMAScript 5, а в IE8 только ECMAScript 3.
В вашем случае лучше использовать полифилы es5-shim.

Comments

[Дмитрий Батулин]

Спасибо. Именно таким путем и пошел, но вот что заметил дальше:
.bind(this) заработал.
Но я выяснил, что не срабатывает так же .on('change',
т.е. click он отлавливает, а change нет.
Думаю как сделать так, что бы change тоже отлавливался.

[aen]

Дмитрий Батулин: а вы уверены, что это событие существует на вашем контейнере? Насколько я помню, это событие не всплывает. То есть его нельзя поймать через делегирование. Вешайте обработчик прямо на сам [type="radio"]

[Дмитрий Батулин]

aen: Событие существует и в других браузерах оно отрабатывает. Функция this.refresh перезагружает на аяксе форму на странице с новыми параметрами.

Прошу прощения за может свою не полную компетентность, но я не до конца понял, решение которое вы предложили в последнем сообщении.

[aen]

Дмитрий Батулин: Разжую. Строкой:

this.container.on('change', '.payment input[type=radio]', rf);

вы вешаете делегат на событие change. При это событие вы ловите не на самом input[type=radio], а на this.container. Это не будет работать в IE, потому что событие change не всплывает в IE. То есть, если оно появилось на элементе-потомке, то не значит, что оно будет на контейнере родителе. Именно по этому я посоветовал вам повешать это событие сразу на сам элемент.

[aen]

мда, ну и форматирование....

[Дмитрий Батулин]

aen: я благодарен за вашу помощь. В итоге все заработало.
На последнем этапе выяснилось, что в IE8 при клике по label у radio - radio автоматически не выбирается.
Пришлось и тут дописать checked у radio.

Но с вашей помощью я стал чуть ближе к js и чуть больше не любить IE8.
Но это был хороший опыт.