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

Question

好的，也许之前已经回答过了，但我无法通过搜索找到任何东西......

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

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

先感谢您。

Answer 1

检查这个小提琴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')
    });
});