layer弹窗显示新增窗口的问题

[-一个大坑]

下面是返回的data，是一个新增页面的html代码

 $("#btnAdd").click(function(){
            $.post("/BDDLR010/EditPayment_type?type=''",function(data){
                alert(data);
                layer.open({
                    type: 1,
                    skin: 'layui-layer-rim', //加上边框
                    area: ['420px', '240px'], //宽高
                    content: data
                });
                document.getElementById('editModel').innerHTML = data;
               $("#editModel").html(data);
            });

上面那几种加载方法都不行

[imondo.cn]

你这个由于返回的 data是个字符串， 而不是 html, 应该先把这个data填充到页面上， 再用页面上包含这个data的标签来赋给这个content

[-一个大坑]

document.getElementById('Details').innerHTML='<p>123</p><br/><p>456</p>';

直接写的html就可以

[-一个大坑]

引用 1 楼 sinat_35993535 的回复:

你这个由于返回的 data是个字符串， 而不是 html, 应该先把这个data填充到页面上， 再用页面上包含这个data的标签来赋给这个content

要怎么做？我测试了查询，table也是写在子页面，用document.getElementById('table').innerHTML = data;可以显示table

$("#query").click(function () {
            $.post("/BDDLR01/GetTable", function (data) {
                document.getElementById('table').innerHTML = data;
            });
        });

<div style="width:300px">
    <table class="table table-bordered">
        <tr>
            <td>id</td>
            <td>name</td>
            <td></td>
        </tr>
        <tr>
            <td>0001</td>
            <td>happy</td>
            <td>...</td>
        </tr>
        <tr>
            <td>0002</td>
            <td>happy</td>
            <td>...</td>
        </tr>
        <tr>
            <td>0003</td>
            <td>happy</td>
            <td>...</td>
        </tr>
    </table>
</div>

[囧]

插入html后再显示 $('#addModal').modal('show');