jquery - 使用 jQuery Mobile 创建动态表单元素

Question

好吧，也许之前已经回答过，但我无法通过搜索找到任何内容......

我是 jQuery Mobile 的新手，我正在尝试将单选框动态添加到一个 <fieldset>容器通过页面，正如您在这个 fiddle 中看到的:http://jsfiddle.net/4V3Tm/4/

它正在工作。但由于某种我不知道的原因，动态添加的选项没有像普通单选框那样设置样式。我错过了什么吗？顺便说一句，它们不应该全部扩展到页面宽度吗？ (好吧，我还是个菜鸟……)

提前谢谢您。

Answer 1

检查这个 fiddle http://jsfiddle.net/YUvG9/或检查您的更新 http://jsfiddle.net/4V3Tm/4/也许问题是你多次调用 .trigger('create')

$(document).on('pageinit', '#home', function () {
    var current = 3;

    $('#home input[type=button]').click(function () {
        current++;        
        $('#choices .ui-controlgroup-controls')
            .append(
                $('<input/>', {
                        'type': 'radio',
                        'name': 'choice',
                        'id': 'choice' + current,
                        'value': current,
                        'data-theme': 'd'
                    })
                    .append(
                        $('<label/>', {
                            'for': 'choice' + current
                        })
                        .text('Choice ' + current)
                )
            );

        $("#home").trigger('create')
    });
});