SyntaxFix

[jquery] jQuery click events not working in iOS

Recently when working on a web app for a client, I noticed that any click events added to a non-anchor element didn't work on the iPad or iPhone. All desktop and other mobile devices worked fine - but as the Apple products are the most popular mobile devices, it was important to get it fixed.

Turns out that any non-anchor element assigned a click handler in jQuery must either have an onClick attribute (can be empty like below):

onClick=""

OR

The element css needs to have the following declaration:

cursor:pointer

Strange, but that's what it took to get things working again!
source:http://www.mitch-solutions.com/blog/17-ipad-jquery-live-click-events-not-working

Examples related to jquery

• How to make a variable accessible outside a function? • Jquery assiging class to th in a table • Please help me convert this script to a simple image slider • Highlight Anchor Links when user manually scrolls? • Getting all files in directory with ajax • Bootstrap 4 multiselect dropdown • Cross-Origin Read Blocking (CORB) • bootstrap 4 file input doesn't show the file name • Jquery AJAX: No 'Access-Control-Allow-Origin' header is present on the requested resource • how to remove json object key and value.?

Examples related to ios

• Adding a UISegmentedControl to UITableView • Crop image to specified size and picture location • Undefined Symbols error when integrating Apptentive iOS SDK via Cocoapods • Keep placeholder text in UITextField on input in IOS • Accessing AppDelegate from framework? • Autoresize View When SubViews are Added • Warp \ bend effect on a UIView? • Speech input for visually impaired users without the need to tap the screen • make UITableViewCell selectable only while editing • Xcode 12, building for iOS Simulator, but linking in object file built for iOS, for architecture arm64

Examples related to css

• need to add a class to an element • Using Lato fonts in my css (@font-face) • Please help me convert this script to a simple image slider • Why there is this "clear" class before footer? • How to set width of mat-table column in angular? • Center content vertically on Vuetify • bootstrap 4 file input doesn't show the file name • Bootstrap 4: responsive sidebar menu to top navbar • Stylesheet not loaded because of MIME-type • Force flex item to span full row width

Examples related to click

• Javascript Click on Element by Class • HTML/Javascript Button Click Counter • Angularjs action on click of button • python selenium click on button • Add and remove a class on click using jQuery? • How to get the id of the element clicked using jQuery • Why is this jQuery click function not working? • Play sound on button click android • $(document).on("click"... not working? • Simulate a click on 'a' element using javascript/jquery

Examples related to transform

• Change value in a cell based on value in another cell • Rotate and translate • jQuery click events not working in iOS • Blurry text after using CSS transform: scale(); in Chrome • How to play CSS3 transitions in a loop? • jQuery rotate/transform • css transform, jagged edges in chrome • Animate element transform rotate • Generate Json schema from XML schema (XSD) • CSS3 Continuous Rotate Animation (Just like a loading sundial)