miui为表格添加数据失败

我在使用过程中无法为表格添加数据,

我在使用ajax获取到数据之后想动态的添加数据,html代码大意如下:

<div class="mdui-container">
    <div class="mdui-table-fluid">
        <table class="mdui-table mdui-table-hoverable">
            <tr>
                <td>
                    <div class="mdui-textfield mdui-col-xs-6">
                        <em class="mdui-icon material-icons">search</em>
                        <input class="mdui-textfield-input" type="text" name="search" placeholder="搜索" />
                    </div>
                </td>
                <td>
                    <button id="add" class="mdui-btn mdui-color-theme-accent mdui-ripple">新增</button>
                </td>
                <td>
                    <button class="mdui-btn mdui-color-theme-accent mdui-ripple">批量删除</button>
                </td>
            </tr>
        </table>
        <table class="mdui-table mdui-table-hoverable mdui-table-selectable">
            <thead>
                <tr>
                    <th>序号</th>
                    <th mdui-tooltip="{content: '常用语标题'}">标题</th>
                    <th>排序</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>
                在这里添加内容
            </tbody>
        </table>
    </div>
</div>
在js中填写
tbody += "<tr><td>";
tbody += "id";
tbody += "</td><td mdui-tooltip=\"{content: '";
tbody += "内容";
tbody += "'}\">"
tbody += "标题";
tbody += "</td><td>Otto</td><td><span>编辑</span> <span>删除</span></td></tr>";

输出后为:<tr><td>id</td><td mdui-tooltip="{content: '内容'}">标题</td><td>Otto</td><td><span>编辑</span> <span>删除</span></td></tr><tr><td>id</td><td mdui-tooltip="{content: '内容'}">标题</td><td>Otto</td><td><span>编辑</span> <span>删除</span></td></tr>
然后使用:
$$("tbody")[1].append(tbody);
mdui.mutation();

最后输出到页面中却是字符串,我也有将mdui.mutation();改为$$("标签名").mutation();

不过最后依然无效;

将输出后的代码直接填写到html中倒是能够输出;

是我哪一个步骤错了吗?还是我对“如果你的表格是动态生成的,则需要调用 mdui.mutation() 进行初始化。”这一段话有误解

共 1 个回答

抱歉,我的错,我使用了$$("tbody")[1]来选择目标,应当使用$("#id")来精确选择,已解决问题。这个真是基础错误,抱歉抱歉。对了,我使用$$("#id").append();页面输出还是不理想,使用jq才正常。