在jquerymobile中加载表单元素中的动态值

Question

我有一个名为index.html的页面。我需要在通过jquery mobileevent显示页面时加载一些值。

文本和文本区域值添加得很好。但是filpbox没有更新。有人可以解决这个问题吗？

inxedx.html filp box coding

<label for="group_name" class="ui-hidden-accessible"></label>
                <input type="text" name="group_name" id="group_name" placeholder="Enter Group Name" />
            <label for="group_desc" class="ui-hidden-accessible"></label>
                <textarea  name="group_desc" id="group_desc" placeholder="Enter Group Decription"></textarea>
<label for="group_published">Published</label>
                <select name="group_published" id="group_published" data-role="slider" data-theme="b">
                <option value="1" >Yes</option>
                <option value="0" >No</option>
                </select>

test.js

$('#pg_add-group').on('pageshow', function(event) {


            $('input[id=group_name]').val('hello');
            $('textarea[id=group_desc]').val('hello desc');
            $('select[id=group_published]').selected = false;

    $( ".input[id=group_name]" ).textinput( "refresh" );
    $( ".textarea[id=group_desc]" ).textinput( "refresh" );
});

Answer 1

你忘了增强选择框的外观，它是这样做的：

$('select[id=group_published]').selectmenu('refresh', true);

详细了解 here 。

更新

我没仔细看，所以我没有，所以你的问题是关于flipswitch滑块。

工作示例：http://jsfiddle.net/Gajotres/vds2U/75/

HTML：

<label for="flip-1">Flip switch:</label>
<select name="flip-1" id="flip-1" data-role="slider" data-default-value="off">
    <option value="off" defaultSelected>Off</option>
    <option value="on">On</option>
</select>

的JavaScript：

$(document).on('pagebeforeshow', '#index', function(){ 
    $(document).on('click', '#reset', function(){ 
        $("#flip-1").val('off').slider('refresh');
    });
});