如何使用JQueryMobile 1.4RC1更新弹出选择文本

How to update popup selection text with JQueryMobile 1.4RC1?

本文关键字：选择 文本 更新 4RC1 何使用 JQueryMobile      更新时间：2023-09-26

我以前在JQueryMobile 1.3及更早版本中使用过弹出窗口，没有问题。使用新的 1.4 RC1，我发现当我选择其他项目时，我的弹出窗口没有更新。

你可以在这里看到一个JQueryMobile 1.3的例子。http://jsfiddle.net/vinomarky/56hQ9/

另一个使用 JQueryMobile 1.4RC1 - 相同的代码，但选择不同的选项时选择框不再更新;http://jsfiddle.net/vinomarky/B9TqL/1/

对尝试什么有什么想法吗？ 代码如下;

<a href="#popupBasic16" data-rel="popup" data-role="button" data-inline="true" data-position-to="origin" id="log_or_norm">Lognormal</a>
<div data-role="popup" id="popupBasic16">
    <div data-role="fieldcontain">
        <fieldset data-role="controlgroup">
            <input type="radio" name="updown" id="updown46" value="Lognormal" checked="checked" />
            <label for="updown46">Lognormal</label>
            <input type="radio" name="updown" id="updown47" value="Normal" />
            <label for="updown47">Normal</label>
        </fieldset>
    </div>
</div>

和Javascript

$('select').selectmenu();
$('#updown46').click(function () {
    $('#log_or_norm .ui-btn-text').html('Lognormal');
    $('#popupBasic16-screen').click();
    document.select_choices.log_or_norm.value = "Lognormal";
    $('select').selectmenu('refresh');
});
$('#updown47').click(function () {
    $('#log_or_norm .ui-btn-text').html('Normal');
    $('#popupBasic16-screen').click();
    document.select_choices.log_or_norm.value = "Normal";
    $('select').selectmenu('refresh');
});

两种方法

 $('#log_or_norm').text('Normal');

另一个 

$('#log_or_norm ').empty().append('Lognormal');

小提琴

http://jsfiddle.net/B9TqL/3/

你的 Javascript 有一些错误，因为document.select_choices没有定义。如果要更新按钮的值，请使用 jQuery：

$('#log_or_norm').text("Lognormal");

似乎在jQuery 1.4中，他们更改了按钮的HTML结构，这就是您的代码$('#log_or_norm .ui-btn-text').html('Lognormal');不起作用的原因。在此处查看更改的整页。

在这里演示。

相关文章：