javascript - .tableExport 不是函数

还是我有同样的交易..

所以我会快速解释一下。我已经全部包含在我的页面中，所以这不是它。

我在视觉工作室工作。

我创建了一个表格，我想以 pdf 或其他格式导出。所以我正在使用这个:

https://github.com/hhurz/tableExport.jquery.plugin

如果在我的代码中我这样写，这非常有效:

                $('table').tableExport({ type: 'pdf', jspdf: { orientation: 'l', format: 'a3', margins: { left: 10, right: 10, top: 20, bottom: 20 }, autotable: { styles: { fillColor: 'inherit', textColor: 'inherit' }, tableWidth: 'auto' } } });

显然被balise包围了。

但是任何时候我想把它放在一个按钮上，它都不起作用!! Chrome 控制台不断跟我说:.tableExport 不是一个函数

怎么可能？当我调用脚本时它运行良好!

这是我的事件和我的按钮(如果有人可以提供帮助，那就太好了!):

$(document).ready(function () {
                $('#downloadPDF').on('click', function (e) {
                    console.log("test");
                    e.preventDefault();
                    $('table').tableExport({ type: 'csv' });

                    $('table').tableExport({
                        type: 'pdf',
                        jspdf: {
                            orientation: 'l',
                            format: 'a3',
                            margins: {
                                left: 10,
                                right: 10,
                                top: 20,
                                bottom: 20
                            },
                            autotable: {
                                styles: {
                                    fillColor: 'inherit',
                                    textColor: 'inherit'
                                },
                                tableWidth: 'auto'
                            }
                        }
                    });
                });
            });

            <button type="button" id="downloadPDF" class="btn btn-default">Default</button>*@

谢谢你们。

        <table id="table" class="table table-hover ">

            <tbody>
                <tr>
                    <td></td>
                    <td> </td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                </tr>

            </tbody>




            <tr class="info">
                <td><b></b></td>
                <td></td>
            </tr>

            <tbody>
                <tr>
                    <td>
                        <br /><br />
                         <br /><br />
                        <br /><br />
             </tbody>
                    </td>
                    <td><br /><br /><br /></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td></td>
                    <td> </td>
                </tr>
                <tr>
                    <td></td>
                    <td> </td>
                </tr>

            </tbody>

        </table>

    </div>

    @* Bouton extraction *@

        <script>
            $(document).ready(function () {

            });
        </script>
        <script>

        $('#downloadPDF').on('click', function (e) {
                    console.log("test");
                    e.preventDefault();
                    $('table').tableExport({
                        type: 'pdf',
                        jspdf: {
                            orientation: 'l',
                            format: 'a3',
                            margins: {
                                left: 10,
                                right: 10,
                                top: 20,
                                bottom: 20
                            },
                            autotable: {
                                styles: {
                                    fillColor: 'inherit',
                                    textColor: 'inherit'
                                },
                                tableWidth: 'auto'
                            }
                        }
                    });
                });
        </script>


        <button type="button" id="downloadPDF" class="btn btn-default">Default</button>*@

最佳答案

我曾经遇到过这个问题。如果 tableExport.js 的其他 js 依赖文件未按正确顺序包含，则会发生这种情况。确保包含这些文件，并且它们的顺序也正确，如它的 git hub 页面所示。
https://github.com/hhurz/tableExport.jquery.plugin 。

关于javascript - .tableExport 不是函数，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/36197197/