javascript - jQuery 选择菜单更改功能在 iPhone 上不起作用

Question

我在我的网页中使用了 jquery selectmenu 功能，但它似乎无法在 ios 浏览器上正常工作。

在我选择我的菜单项后，菜单消失了，但我的 change: 功能根本没有触发。它只是再次隐藏了菜单。

我的代码如下:

$('#adultMenu').selectmenu({
    change: function() {
        adultval = $(this).val() + ' Adults. ';
        var inputvalue = adultval + childval + youthval + infantval;  
        $('#personInput').val(inputvalue);
    }
});

我认为这在 iOS 上是一个很常见的问题，但在阅读论坛很长时间后我还没有找到答案。

任何帮助都会很棒!

Answer 1

来自 future 的亲爱的人们:这是我到目前为止所知道的:
用新结论编辑:

经过多次试验，我找到了原因。当您使用不在菜单中的内容设置选择菜单的值时，就会发生这种情况。下面演示了这个问题:

var $fubar = $('.fubar');

$fubar.selectmenu({
    'change': function () {
        $fubar.val('Pancakes');
    }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<link href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" rel="stylesheet"/>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<select class="fubar">
    <option>Cake</option>
    <option>Ice Cream</option>
</select>