html - jQuery Click event inside a Bootsrap select box, does not triggered in iOS device -


i have bootstrap select box option inside on click event triggers action jquery. unfortunately functionality not work on ios device.

html:

<div class="form-group">     <label for="selectpropertylocation">location:</label>     <select class="form-control" id="selectpropertylocation">         @foreach ($alllocations $location)         <option value="{{ $location->location_id }}">{{ $location->name }}</option>         @endforeach         <option selected style="color:red;">empty</option>         <option id="newpropertylocation" style="color:green;">add new location</option>     </select> </div> 

jquery:

$('#newpropertylocation').click(function(){     $('#addpropertylocation').modal({         show: 'true'     });    }); 

try code, add css cursor:pointer element , check click event

$('#newpropertylocation').css('cursor','pointer'); $('#newpropertylocation').change(function(){     $('#addpropertylocation').modal({         show: 'true'     });    }); 

for more details check here

jquery click events not working in ios

jquery.click() not working in ios


Comments

Popular posts from this blog

apache - PHP Soap issue while content length is larger -

asynchronous - Python asyncio task got bad yield -

javascript - Complete OpenIDConnect auth when requesting via Ajax -