Ember.js: Π€Π»Π°ΠΆΠΊΠΈ нСльзя Ρ‰Π΅Π»ΠΊΠ½ΡƒΡ‚ΡŒ, Ссли ΠΎΠ½ΠΈ содСрТатся Π² элСмСнтС, ΠΊ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌΡƒ ΠΏΡ€ΠΈΠΊΡ€Π΅ΠΏΠ»Π΅Π½ΠΎ дСйствиС.

Π‘ΠΎΠ·Π΄Π°Π½Π½Ρ‹ΠΉ Π½Π° 4 Π΄Π΅ΠΊ. 2014  Β·  4ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ  Β·  Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ: emberjs/ember.js

ΠŸΡ€ΠΎΡΡ‚ΠΎΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€,

с Π²Ρ…ΠΎΠ΄Π½Ρ‹ΠΌ Ρ‚Π΅Π³ΠΎΠΌ type = "checkbox", содСрТащимся Π²Π½ΡƒΡ‚Ρ€ΠΈ. Π€Π»Π°ΠΆΠΎΠΊ Π°ΠΊΡ‚ΠΈΠ²Π΅Π½, ΠΊΠ°ΠΊ ΠΈ оТидалось. Π’Π΅ΠΏΠ΅Ρ€ΡŒ помСститС дСйствиС Π² содСрТащий div, скаТСм, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΉΠΌΠ°Ρ‚ΡŒ события Ρ‰Π΅Π»Ρ‡ΠΊΠ° ... Ρ„Π»Π°ΠΆΠΎΠΊ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Π½Π΅Π°ΠΊΡ‚ΠΈΠ²Π΅Π½. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠΉΠΌΠ°Ρ‚ΡŒ событиС Β«ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅Β» ΠΈ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΎ пытаСтся Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Π½ΠΎ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Ρ€Π°Π· возвращаСтся Π½Π°Π·Π°Π΄. ΠŸΠ°Ρ€Π° скрипок Π½ΠΈΠΆΠ΅:

Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΊΠ°ΠΊ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΎ ....
http://jsfiddle.net/yp128r1e/

Π½Π΅ ...
http://jsfiddle.net/yp128r1e/1/

Π‘Π°ΠΌΡ‹ΠΉ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΉ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ ΠΏΠΎΠΌΠΎΡ‰Π½ΠΈΠΊ дСйствий ΠΏΡ€Π΅Π΄ΠΎΡ‚Π²Ρ€Π°Ρ‰Π°Π΅Ρ‚ дСйствиС ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ. Π’ этом случаС это ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Ρ„Π»Π°ΠΆΠΊΠΈ Π½Π΅ ΡΡ€Π°Π±Π°Ρ‚Ρ‹Π²Π°ΡŽΡ‚. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠ΅Ρ€Π΅ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ это, установив preventsDefault=false Π½Π° ΠΏΠΎΠΌΠΎΡ‰Π½ΠΈΠΊΠ΅. Π‘ΠΌ. Http://jsfiddle.net/yp128r1e/3/.

ВсС 4 ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

@hilem На самом Π΄Π΅Π»Π΅ это ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ° Π½Π΅ для всСх Ρ‚ΠΈΠΏΠΎΠ² событий. ΠŸΠΎΡ…ΠΎΠΆΠ΅, это ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ° с Ρ‰Π΅Π»Ρ‡ΠΊΠΎΠΌ. Π― ΠΏΠΎΠ΄ΠΎΠ·Ρ€Π΅Π²Π°ΡŽ, Ρ‡Ρ‚ΠΎ Ember ΠΏΡ€Π΅Π΄ΠΎΡ‚Π²Ρ€Π°Ρ‰Π°Π΅Ρ‚ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ события ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ считаСт, Ρ‡Ρ‚ΠΎ Ρ„Π»Π°ΠΆΠΎΠΊ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ состояниС. Π― Π½Π΅ Π²Π΅Ρ€ΡŽ, Ρ‡Ρ‚ΠΎ это ошибка. РСшСниСм Π±Ρ‹Π»ΠΎ Π±Ρ‹ Π½Π΅ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊ дСйствий Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Ссли Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Ρ‚Π°ΠΊΠΆΠ΅ ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Π²Π΅Ρ‰ΠΈ, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Ρ„Π»Π°ΠΆΠΊΠΈ.

@wagenet Π­Ρ‚ΠΎ ΠΎΡ‡Π΅Π½ΡŒ распространСнный шаблон проСктирования. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΠΌΠ΅Ρ‚ΡŒ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Ρ‰Π΅Π»ΠΊΠ½ΡƒΡ‚ΡŒ Π² любом мСстС строки, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ строку, Π° Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ„Π»Π°ΠΆΠΎΠΊ строки. Π€Π»Π°ΠΆΠΎΠΊ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ ΠΈΡΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ΄Ρ‚Π²Π΅Ρ€Π΄ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ, ΠΈ ΠΏΠΎ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌ доступности, ΠΈ Π²Ρ‹ Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚Π΅ ΠΌΠ½Π΅, Ρ‡Ρ‚ΠΎ СдинствСнный способ ΡΠΏΡ€Π°Π²ΠΈΡ‚ΡŒΡΡ с этим - Π² основном Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ„Π»Π°ΠΆΠΎΠΊ, Π° ΠΏΠΎΠ΄Π΄Π΅Π»Π°Ρ‚ΡŒ Ρ„Π»Π°ΠΆΠΎΠΊ с изобраТСниями ΠΈΠ»ΠΈ Ρ‡Π΅ΠΌ-Ρ‚ΠΎ Π΅Ρ‰Π΅. ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ способа ΡΠΏΡ€Π°Π²ΠΈΡ‚ΡŒΡΡ с этим Π½Π΅Ρ‚. Π­Ρ‚ΠΎ Π½Π°ΠΊΠ»Π°Π΄Ρ‹Π²Π°Π΅Ρ‚ Π±ΠΎΠ»ΡŒΡˆΡƒΡŽ Π½Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ Π½Π° тСстированиС доступности, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π² ΠΏΡ€ΠΎΡ‚ΠΈΠ²Π½ΠΎΠΌ случаС Π±Ρ‹Π»ΠΎ Π±Ρ‹ Ρ…ΠΎΡ€ΠΎΡˆΠΎ. ΠšΡΡ‚Π°Ρ‚ΠΈ, это Π½Π΅ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ° с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ элСмСнтами Ρ„ΠΎΡ€ΠΌΡ‹. Π― Π·Π°ΠΌΠ΅Ρ‚ΠΈΠ» Ρ‚Π°ΠΊΠΎΠ΅ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ„Π»Π°ΠΆΠΊΠ°. Одно Π΄Π΅Π»ΠΎ ΡΠΊΠ°Π·Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ Ember Π½ΡƒΠΆΠ½ΠΎ ΠΊΠ°ΠΊΠΎΠ΅-Ρ‚ΠΎ врСмя Π·Π°Π½ΠΈΠΌΠ°Ρ‚ΡŒΡΡ этим вопросом, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Π΅Π³ΠΎ слишком слоТно ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ Π² Ρ‚ΠΎΠΌ Π²ΠΈΠ΄Π΅, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ ΠΊΠΎΠ΄ Π² настоящСС врСмя спроСктирован, Π½ΠΎ я Π½Π΅ понимаю, ΠΊΠ°ΠΊ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΡ‚Π²Π΅Ρ€ΠΆΠ΄Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ это Π½Π΅ ошибка.

По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ ΠΏΠΎΠΌΠΎΡ‰Π½ΠΈΠΊ дСйствий ΠΏΡ€Π΅Π΄ΠΎΡ‚Π²Ρ€Π°Ρ‰Π°Π΅Ρ‚ дСйствиС ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ. Π’ этом случаС это ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Ρ„Π»Π°ΠΆΠΊΠΈ Π½Π΅ ΡΡ€Π°Π±Π°Ρ‚Ρ‹Π²Π°ΡŽΡ‚. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠ΅Ρ€Π΅ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ это, установив preventsDefault=false Π½Π° ΠΏΠΎΠΌΠΎΡ‰Π½ΠΈΠΊΠ΅. Π‘ΠΌ. Http://jsfiddle.net/yp128r1e/3/.

Бпасибо @wagenet !

Π‘Ρ‹Π»Π° Π»ΠΈ эта страница ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠΉ?
0 / 5 - 0 Ρ€Π΅ΠΉΡ‚ΠΈΠ½Π³ΠΈ

Π‘ΠΌΠ΅ΠΆΠ½Ρ‹Π΅ вопросы

ggayowsky picture ggayowsky  Β·  3ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ

artcommacode picture artcommacode  Β·  3ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ

adam-knights picture adam-knights  Β·  4ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ

acorncom picture acorncom  Β·  4ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ

lukemelia picture lukemelia  Β·  3ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ