将粘贴在线javascript文件复制到自己的javascript文件中但代码不起作用。为什么?

时间:2017-01-04 01:06:12

标签: javascript jquery asp.net-mvc asp.net-web-api

我在asp.net web api项目中使用Bootstrap数据表。所以我必须通过给定的链接从互联网上引用几个javascript文件。其中之一是:

https://cdn.datatables.net/1.10.13/js/dataTables.bootstrap.min.js

我正在考虑将代码转移到我自己的JS文件中,以便即使没有互联网连接也可以访问代码。因为当没有互联网连接并且我尝试运行我的项目时,表格显示不好。

但问题是,当我创建一个JS文件并从互联网上复制代码并运行我的项目时,它无效。表格显示不佳。这是为什么?

1 个答案:

答案 0 :(得分:0)

简单地复制粘贴javascript将无法完成工作。确保您已创建类似于以下的html表:

<table id = "example" class="table table-striped table-bordered" cellspacing="0" width="100%">
    <thead>
        <tr>
            <th>Name</th>
            <th>Position</th>
            <th>Office</th>
            <th>Age</th>
            <th>Start date</th>
            <th>Salary</th>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <th>Name</th>
            <th>Position</th>
            <th>Office</th>
            <th>Age</th>
            <th>Start date</th>
            <th>Salary</th>
        </tr>
    </tfoot>
    <tbody>
        <tr>
            <td>Tiger Nixon</td>
            <td>System Architect</td>
            <td>Edinburgh</td>
            <td>61</td>
            <td>2011/04/25</td>
            <td>$320,800</td>
        </tr>
        <tr>
            <td>Garrett Winters</td>
            <td>Accountant</td>
            <td>Tokyo</td>
            <td>63</td>
            <td>2011/07/25</td>
            <td>$170,750</td>
        </tr>
    </tbody>
</table>

然后问插件(你已经下载的javascript)做这样的魔术(我给它作为jquery选择器的id):

$(document).ready(function() {
    $('#example').DataTable();
} );

除了上述内容之外,我不确定您在哪里看到了您所期望的表格,但上述代码不会使表格与您期望的表格完全相同。为此,您还需要提供CSS。 CSS也可能是您从中获取javascript代码的地方。