0

所以这是我在互联网上看到的一个问题，但我一生都无法弄清楚为什么它不起作用。

对于那些会知道我正在尝试什么的人 - 我已经使用 .html(contentVariable) 加载了静态输入内容并且它工作正常但是一旦我将复选框创建放入 for 循环中，一切都会进入锅，只有第一个复选框元素似乎正在工作并应用了样式。

所以我在服务器上运行一个查询，它返回一个 json 对象以填充我的复选框。在 JS 中，我使用 ajax 来获取这个 json 对象并遍历内容以填充复选框。下面示例中的“结果”变量返回 3 个结果，并且这方面工作正常（如果人们意识到我实际上并没有从返回的对象中回显结果）。

所以我的猜测是我没有在正确的地方或根本没有正确使用 .trigger() 。任何帮助，将不胜感激。

非常感谢。

HTML

        <!-- register page -->
    <div data-role="page" id="two">
        <script type="text/javascript" src="js/friendsList.js"></script>
        <div data-role="header">
            <h1>New Project</h1>
            <a href="#two" class="ui-btn-left"  data-rel="back" data-icon="back" data-transition="flip">Back</a>
        </div>
        <div data-role="content">
            <form id='registerUser' action="" method="POST">
                <div data-role="fieldcontain" class="checkWrap">

                </div>
                <button type="button" aria-disabled="false">Submit</button>
            </form>
        </div>
    </div><!-- /page two -->

JS

$(document).delegate('#two', 'pageshow', function() {

var userId = localStorage.getItem('userId');
var friendsListContent = "";

$.ajax({
    url: 'http://www.mysite.co.uk/app/friends/listFriends.php',
    type: 'post',
    data: {'userId': userId},
    dataType: 'json',
    crossDomain : true,
    timeout: 5000,

    success: function(result){
    friendsListContent = "<fieldset data-role='controlgroup'><legend>Choose as many snacks as you'd like:</legend>";

        for(var i = 0; i < result.length; i++){
            friendsListContent += "<input type='checkbox' name='checkbox-1a' id='checkbox-1a' class='custom' /><label for='checkbox-1a'>Cheetos</label>";           
        }

    friendsListContent += "</fieldset>";

    $('.checkWrap').html(friendsListContent);
    $('.checkWrap').trigger('create');
    $("input[type='checkbox']").checkboxradio("create");
    },

    error: function(){
        alert('There was an error loading the data. Contact the admin.');
    }

});

});
4

1 回答 1

0

好的，答案是类和名称中的数字没有与每个复选框项目一起迭代。

在for循环中，我将其更改为...

friendsListContent += "<input type='checkbox' name='checkbox-" + i + "a' id='checkbox-" + i + "a' class='custom' /><label for='checkbox-" + i + "a'>Cheetos</label>";
于 2013-02-10T15:44:38.620 回答