I am facing an issue with jQuery Mobile on iPhone.
I have a list of checboxes and a checkbox to select "All".
After an initial few taps on the checkbox, the check box takes few seconds to get marked as checked/unchecked.
The checkbox doesnt get marked unless the user waits for a few seconds or scroll the screen.
This seems to be an issue only with this particular phone as it works fine on desktop browsers and Android devices.
Here is the script:
/* Check-Uncheck */ self.elements.listview.on('change', ':checkbox', function (event) { var unchecked = $(':checkbox:not(:checked)', self.elements.listview); self.elements.selectAll .prop('checked', unchecked.length === 0) .checkboxradio("refresh"); });/* Check-Uncheck 'Select All' */ self.elements.selectAll.change(function () { var checkboxes = $(':checkbox', self.elements.listview); var checked = self.elements.selectAll.is(':checked'); checkboxes .prop('checked', checked) .checkboxradio("refresh"); });
Please let me know if anyone has faced this particular issue, or have any suggestions.
Thanks
Alfredo Osorio