Solve the problem that the click event is not triggered on the iPhone.

 

Solve the problem that the click event is not triggered on the iPhone.

 

 

// There is such an event on ID jsprovince:

            $(‘body‘).on(‘click‘, ‘#jsProvince‘, function(e){                $(this).next(‘.province-list‘).removeClass(‘hide‘);            });

However, clicking on the iPhone does not respond, and you cannot bind a click event.

However, there is no problem in testing on Android.

 

After searching for half a day, I finally found a solution:

You only need to add the following CSS style to the element whose ID is jsprovince:

#jsProvince{   cursor: pointer;}

 

 

You can click it normally. It's amazing. The answer is incredibly simple:Just set the CSScursor: pointer.

 

Refer:

Http://ross.posterous.com/2008/08/19/iphone-touch-events-in-javascript

Http://stackoverflow.com/questions/3705937/document-click-not-working-correctly-on-iphone-jquery