Question

我的表格带有id =“bah”，并且在div中有id =“demo”。我有附加问题，因为我如何在演示中附加数据。怎么纠正？这是错的}.appendTo('#demo); 如何纠正????

<script type='text/javascript'>
        var p;
    $.getJSON('config_json.cfg', function(data) {
      var items = [];

      $.each(data, function(key, val) {
//      items.push('<li id="' + key + '">' + val + '</li>');
        items.push('<li id="'+key+'"class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>'+val+'</li>');
            p=key;
      });

      $('<ul/>', {
             'id' :'sortable',
        html: items.join('')
       }).appendTo('#demo');

    });

    $(function() {
        $( "#sortable" ).sortable();
        $( "#sortable" ).disableSelection();


    });
</script>
</head>
<body>

<form action="#" method="get" id="form1">



<div id="demo">
</div>
<br>
<p>Clicca su <input type="image" src="img/finish.png" value="Submit" alt="Submit"> per inviare il form</p>
<br>
</form>

Answer 1

}.appendTo('#demo);这是对的。尝试将}).appendTo('#demo');更改为}).appendTo($('#demo'));

Answer 2

以旧时尚的方式做到这一点：

$(function() {
    $.getJSON('config_json.cfg', function(data) {
        var items = '<ul id="sortable">';

        $.each(data, function(key, val) {
            items += '<li id="'+key+'"class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>'+val+'</li>';
        });

        items += '</ul>';

        $(items).appendTo('#demo');

    });

    $( "#sortable" ).sortable();
    $( "#sortable" ).disableSelection();
});

当我使用函数getJSON（读取文件）时如何在特定div中追加

2 个答案: