jQuery .change werkt niet in iOS (iPad en iPhone)

[Cornelisjuh]

Ik heb een form met een viertal <select> tags, die afgankelijk van de keuze van de vorige <select> tag opties tonen of verbergen.

Nu trigger ik die functies middels

code:

$('[name="locatie"]').change(function() {
      //Code hier
});

Maar dit werkt niet op iOS iPad & iPhone. Werkt prima op alle browsers op zowel OSX als Windows en op Android.

Iemand ervaring met dit of advies? Alvast bedankt.

[Ypho]

Kun je niet beter dit gebruiken?

code:

$('body').on('change', '[name="locatie"]', function() {
 // Code hier
});

[Cornelisjuh]

Opgelost, ik liet de opties zien of verbergen middels .hide() en .show() en dat werkt dus blijkbaar niet .

Ik voeg toe en verwijder nu een class met display:none; en disabled :')e

[ Voor 4% gewijzigd door Cornelisjuh op 29-10-2015 10:26 ]

[_Thanatos_]

Ypho schreef op donderdag 29 oktober 2015 @ 09:36:
Kun je niet beter dit gebruiken?

code:

$('body').on('change', '[name="locatie"]', function() {
 // Code hier
});

Het is niet verstandig om delegated event listeners op de body te zetten.

Zie https://api.jquery.com/on/ onder "Event performance".

[R4gnax]

_Thanatos_ schreef op zondag 01 november 2015 @ 06:00:
[...]

Het is niet verstandig om delegated event listeners op de body te zetten.

Zie https://api.jquery.com/on/ onder "Event performance".

Omgekeerd is het ook niet verstandig om event listeners individueel en direct op elementen te registreren. Dat creëert een hoop extra maintenance overhead en boilerplate code. Daarnaast zal een 'change' event, waar we het hier specifiek over hebben, met zo'n lage frequentie vuren dat de daadwerkelijke performance overhead eigenlijk verwaarloosbaar is.