javascript - .tableExport 不是函数

Question

我还是一样..

所以我会快速解释一下。我的所有内容都包含在我的页面中，所以不是这样。

我在 visual studio 上工作。

我创建了一个表格，我想将其导出为 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' } } });

显然被应答器包围了。

但是任何时候我想把它放在一个按钮中，它都不起作用!! 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>*@

Answer 1

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