Question

104

jQuery on click not working on iPhone (touch devices)

rated 0 times [ 106] [ 2] / answers: 1 / hits: 20741 / 8 Years ago, fri, march 11, 2016, 12:00:00

Can anyone please explain to me why this is working in the browser but not on mobile devices like Apple's iPhone. On iPhone, I never get the hello from the alert. Why?

<div class=close>

  Click here

</div>

JS:

$(document).on('click', '.close', function() {

  alert('hello');

});

Example here: https://jsfiddle.net/27ezjrqr/5/

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

alenaautump

Add To Favorites

Follow

Total Points: 87

Total Questions: 109

Total Answers: 109

Location: Libya

Member since Mon, Dec 7, 2020

4 Years ago

alenaautump questions

1 Npm not running in terminal vite

Fri, Nov 12, 21, 00:00, 3 Years ago

1 How to show Antd form validation error message at below the input field?

Sat, Mar 20, 21, 00:00, 3 Years ago

1 React, Single Page Apps, and the Browser's back button

Wed, Feb 17, 21, 00:00, 3 Years ago

1 how to listen to page changes in nextjs

Mon, Jan 25, 21, 00:00, 3 Years ago

1 How do I type a ref callback with useCallback with Typescript?

Fri, Jun 12, 20, 00:00, 4 Years ago

View All

answered 8 Years ago breanab · Accepted Answer

By default, divs are not a clickable elements. But adding cursor: pointer; makes iOS treat it as clickable.

So all you need to do is add

.close {

    cursor: pointer;

}

to your CSS and then it will work.

Proof here: https://jsfiddle.net/27ezjrqr/6/

$(document).on('click', '.close', function() {

  alert('hello');

});

.close {

  cursor: pointer;

}

<script src=https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js></script>

<div class=close>

  Click here

</div>