jquery - 此代码在 iOS 9.3 后在 Safari 中停止工作

Question

大约 5 年前，我开发了一个基于 Web 的移动数据输入应用程序，但在 iOS 9.3 或 9.3.1 版本 之后，该应用程序在 Safari 中无法正常工作。它可能较早开始，但我知道它在 iOS 9.2.1 中仍然有效。它可以在 Chrome 中正常运行。

以下 jsfiddle 表示无法运行的应用程序片段:点击任何对象都无法打开选项。

https://jsfiddle.net/panmqj8a/2/

要在没有看到 HTML/CSS/JS 框架的情况下在 iDevice 上运行它: https://jsfiddle.net/panmqj8a/2/embedded/result/

那里有相当多的代码，我不希望这个问题显得太长，但显然我必须在这个问题中粘贴一些代码才能被认为是有效的。

以下是构建所选对象之一的代码示例:

var activity_data = [ 
    { "id" : "AD1",
      "name" : "Action 1"
    },
    { "id" : "AD2",
      "name" : "Action 2"
    },
    { "id" : "AD3",
      "name" : "Action 3"
    }
];
$.each(activity_data, function(ind,obj) {
    $('.sel_act').append(
        $('<option></option>').val(obj.id).html(obj.name)
    );
});

在完整版的应用程序中，同样的事情发生了(不能点击任何元素)加上屏幕上的其他按钮也变得无响应。

我一直想不通为什么该应用程序和这个 jsFiddle 在 Safari iOS 9.2.1 中运行，但在 Safari iOS 9.3.1 中运行不正常。

编辑 - 现在 fiddle 似乎间歇性地为我工作。这很烦人。

Answer 1

我在 iOS 和 safari 的下拉菜单中也遇到了同样的问题。最后我通过在那些特定的类中添加 cursor:pointer 来解决。你也可以试试这个，它可能会起作用。
在您的情况下，类可能是 .sel_hcw 或 .mom_select 尝试一次。