jQuery Chained - 不适用于 iOS

Posted 2023-03-14

【中文标题】jQuery Chained - 不适用于 iOS

【英文标题】：jQuery Chained - don't work on iOS

【发布时间】：2017-12-28 09:36:21

【问题描述】：

我正在使用this plugin 来获得链式选择。

它可以与桌面浏览器（FF、Chrome 等）一起使用，但是当我想在我的 iPhone 上使用它时，它无法正常工作。

我可以从第一次选择中选择选项（例如城市）。当我选择城市时，我的第二个选择应该有来自这个城市的本地人，这在 ios 上不起作用，第二个选择一直被禁用。我尝试修改链式代码并添加

tap, touchstart

但没用。

$("#locals").chained("#city");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://rawgit.com/tuupola/jquery_chained/2.x/jquery.chained.js"></script>

<select id="city" name="city">
  <option value="Select city">Select city</option>
  <option value="CityA">City A</option>
  <option value="CityB">City B</option>
</select>
<select id="locals" name="locals">
  <option value="Select local">Select local</option>
  <option value="Local A" data-chained="CityA">Local A</option>
  <option value="Local A-1" data-chained="CityA">Local A-1</option>
  <option value="Local B-1" data-chained="CityB">Local B-1</option>
  <option value="Local B-2" data-chained="CityB">Local B-2</option>
  <option value="Local B-3" data-chained="CityB">Local B-3</option>
</select>

【问题讨论】：

哪个 iOS 版本？哪个浏览器（+版本）？有什么错误吗？

@Serge K. ios 11.2.1，默认 Safari 浏览器。我在 dekstop（chrome 控制台）上没有任何错误。看起来插件无法“捕捉”我点击第一个选择或其他东西

在准备好的文档中调用这个方法。即 $(document).ready(function() $("#locals").chained("#city"); );

你的手机可能有是错误吗？

@Ankush Jain 这很奇怪。我在文档中调用了这个方法，但最后。现在我将我的调用移到我的代码顶部，现在它正在工作。谢谢！

【参考方案1】：

代替

    $("#locals").chained("#city");

请替换为

    $(document).ready(function() 
      $("#locals").chained("#city");
    );

详情请关注https://www.youtube.com/watch?v=YL6BwAZnUag

【讨论】：

没有必要为我录制视频，但谢谢！