【问题标题】:Jquery mobile - Select Menu doesn't refresh the display valueJquery mobile - 选择菜单不刷新显示值
【发布时间】:2016-11-11 05:13:47
【问题描述】:

我正在尝试使用选择菜单在我的移动应用程序中使用选择列表。我从 jquerymobile 网站上获取了以下示例。它创建弹出列表并显示默认的第一个值(即标准:7 天)。但是,如果我使用弹出窗口选择不同的值,例如“Rush:3 天”,它不会更新显示值。如果我再次打开它,我可以看到在弹出窗口中选择了“Rush: 3 days”,但显示值保持不变。

<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> 

我什至尝试使用 onchange() 手动刷新,但不起作用:

function ChangeValue (z) {

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

}

以下是一些屏幕截图:

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

【问题讨论】:

  • 试试这个:$("#select-choice-min").html(optionList).selectmenu('refresh', true);.forum.jquery.com/topic/…
  • “optionList”应该包含什么?
  • See the fiddle its working。我正在更改库版本
  • 即使没有刷新方法也能正常工作。看到这个:fiddle.jshell.net/pwmr1dae/1 但它不适用于 chrome 或我的手机。
  • 实际上以上两种刷新方法中的任何一种都会破坏代码。如果我在那之后应用警报,它永远不会达到那个。但在此之前的任何警报都会起作用并显示正确的 z 值

标签: javascript cordova jquery-mobile drop-down-menu


【解决方案1】:

jQuery Mobile 1.4.5 不能完全与 jQuery 2.X.X 一起工作。如果可以尝试使用 jQuery 1.X.X,应该可以。

【讨论】:

    猜你喜欢
    • 2013-04-24
    • 2015-05-12
    • 1970-01-01
    • 1970-01-01
    • 2013-03-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多