Bootstrap 选择框中的 jQuery Click 事件，不会在 iOS 设备中触发答案

【问题标题】：jQuery Click event inside a Bootsrap select box, does not triggered in iOS deviceBootstrap 选择框中的 jQuery Click 事件，不会在 iOS 设备中触发
【发布时间】：2015-07-25 15:08:13
【问题描述】：

我有一个 Bootstrap 选择框，里面有一个选项，点击事件触发 jQuery 的操作。不幸的是，此功能在我的 iOS 设备上不起作用。

HTML：

<div class="form-group">
    <label for="selectPropertyLocation">Location:</label>
    <select class="form-control" id="selectPropertyLocation">
        @foreach ($allLocations as $location)
        <option value="{{ $location->location_id }}">{{ $location->name }}</option>
        @endforeach
        <option selected style="color:red;">Empty</option>
        <option id="newPropertyLocation" style="color:green;">Add A New Location</option>
    </select>
</div>

jQuery：

$('#newPropertyLocation').click(function(){
    $('#addPropertyLocation').modal({
        show: 'true'
    });   
});

【问题讨论】：

标签： jquery html ios twitter-bootstrap responsive-design

【解决方案1】：

试试这段代码，将css cursor:pointer添加到元素，然后检查点击事件

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

更多详情请点击此处

jQuery click events not working in iOS

jquery.click() not working in iOS

【讨论】：

尝试删除浏览器缓存和历史记录，然后重新加载页面，因为有时 js 会从缓存而不是服务器加载内容
再次删除历史记录和 cookie 后它不起作用。我刚刚注意到 iOS 中的选择框没有点击选项。只是一个带有滚动选项的桶之类的东西..
选择框必须使用change 事件而不是click 事件
试试这两个帖子并再次检查stackoverflow.com/questions/7680992/…和stackoverflow.com/questions/5960731/…

【解决方案2】：

请尝试将 value="something" 添加到您要触发事件的元素中，并附加 parent 的“更改”事件，然后如果用户选择具有上述设置的值，则触发您的模态内容：

HTML

    <option id="newPropertyLocation" style="color:green;" value="optional-event">Add A New Location</option>

jQuery

$('#selectPropertyLocation').change(function(){
  if( $(this).val()=='optional-event' ){
     $('#addPropertyLocation').modal({
        show: 'true'
     });
  }
});

【讨论】：