首页 > 解决方案 > 多选两侧在 iPad 中显示“0 项”| Aurelia 框架下的 iPhone

问题描述

我正在使用 Aurelia 框架,我在我的项目中使用“多选两侧”。这在 Microsoft OS、Chrome 和所有浏览器中都有效,但在 iOS 平台下无法正常工作。

我做了很多搜索来解决这个问题,因为许多其他用户报告了这个问题。

最近我用这段代码来解决我的问题,但它也不起作用。

if (navigator.userAgent.match(/(iPod|iPhone|iPad)/i)) {
      $('select[multiple]').each(function () {
        var select = $(this).on({
          "focusout": function () {
            var values = select.val() || [];
            setTimeout(function () {
              select.val(values.length ? values : ['']).change();
            }, 1000);
          }
        });
        var firstOption = '<option value="" disabled="disabled"';
        firstOption += (select.val() || []).length > 0 ? '' : ' selected="selected"';
        firstOption += '>&laquo; Select ' + (select.attr('title') || 'Options') + ' &raquo;';
        firstOption += '</option>';
        select.prepend(firstOption);
      });
    }

这是 Windows 10 下的图像,Chrome

这是 iPhone 6 下的图像

这是使用上述代码后的输出结果

现在我想以在 Windows 10 视图下显示的方式解决此问题。

标签: iosipadaureliamulti-selectjquery-ui-multiselect

解决方案


推荐阅读