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')
    });
});

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

1 个答案: