jQuery mobile-选择菜单不会刷新显示值

Question

I am trying to use a pick list in my mobile App using Select Menu. I have picked up below example from jquerymobile website. It creates the popup list and shows the default first value (ie Standard: 7 day). However if I use the popup to select a different value, say "Rush: 3 days", it doesn't update the display value. If I open it again I can see "Rush: 3 days" selected in the popup but the display value remains unchanged.

<label for="select-choice-min" class="select">Shipping method:</label>
<select name="select-choice-min" id="select-choice-min" data-mini="true" onchange="ChangeValue(this.value);">
   <option value="standard">Standard: 7 day</option>
   <option value="rush">Rush: 3 days</option>
   <option value="express">Express: next day</option>
   <option value="overnight">Overnight</option>
</select> 

I even tried to manually Refresh using onchange() which didn't work:

function ChangeValue (z) {

    $('#select-choice-min').selectmenu('refresh');

}

Here are a few screenshots:

JQuery: jquery-2.1.4.min.js JQM: jquery.mobile-1.4.5.min.js

Answer 1

jQuery Mobile 1.4.5不能与jQuery 2 .XX完全兼容，如果可以尝试使用jQuery 1 .XX，则应该可以。