在jQuery Mobile环境中将表格放入表格内的问题

Question

因此，我目前在将HTML表放入jQuery Mobile环境中的表单中时遇到问题。

我得到的错误如下：未捕获的TypeError：无法读取未定义的属性'not'

这是我在Chrome调试器的jquery.mobile-1.4.5.js：13906中指向的行：

最后，这是我尝试创建的表格和表单的代码：

<form action="<?php echo $_SERVER['PHP_SELF']; ?>" data-ajax="false" enctype="multipart/form-data"  method="post">

    <table data-role='table'>
        <tr>
            <td>
                <input type="text" name="company" form="my_form"></td>
                <button type="button" form="my_form">ok</button>
            </td>
        </tr>
    </table>
</form>

我还注意到，只有将td元素放入表中后，才会触发此特定错误，因此，如果我注释掉td标签和内容并保留表和tr元素，则不会触发任何错误。

请帮忙。

Answer 1

我通过加入使其工作thead。参见工作示例：http : //jsfiddle.net/Twisty/whwmsp2c/5/

<div data-role="page">
    <div data-role="header"><h2>Test Form</h2></div>
    <div role="main" class="ui-content">
        <form action="<?php echo $_SERVER['PHP_SELF']; ?>" data-ajax="false" enctype="multipart/form-data" method="post" id="myForm">
            <table id="myTable" data-role="table" data-mode="reflow">
                <thead>
                    <tr>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>
                            <input type="text" name="html" form="myForm" />
                        </td>
                        <td>
                            <button type="button" form="myForm" >ok</button>
                        </td>
                    </tr>
                </tbody>
            </table>
        </form>
    </div>
</div>

当我查看所有文档并查看错误时，我可以看到您的HTML没有该表的标头，而JQM正在寻找该标头。通过添加它，表格将完全呈现。

查看更多：http : //api.jquerymobile.com/table/