javascript - 如何覆盖 .js 文件内容

Question

我在我的应用程序中使用了 datatable.js 库，但我需要修改 datatable.js 中的某些样式，如果我直接修改 .js 文件中的样式，它工作正常。更改如下所示。

/* Sorting */
        "sSortAsc": "ui-state-default_custom",
        "sSortDesc": "ui-state-default_custom",
        "sSortable": "ui-state-default_custom",
        "sSortableAsc": "ui-state-default_custom",

/* Scrolling */
        "sScrollHead": "dataTables_scrollHead ui-state-default_custom",
        "sScrollFoot": "dataTables_scrollFoot ui-state-default_custom",

但不推荐这样做，因为它会直接对 lib 进行更改，有没有办法避免和覆盖其他文件中的这些更改并使用它？

Answer 1

完全按照源代码中的描述进行操作:

Extension object for DataTables that is used to provide all extension options.

Note that the DataTable.ext object is available through jQuery.fn.dataTable.ext where it may be accessed and manipulated.

所以，如果你有这样的风格

.my-sorting {
    background-color: red;
}

并且您想在 sortable <thead> 中使用该类的而不是默认的 "sSortable": "sorting"只需在 dataTable() 之前添加即可初始化:

jQuery.fn.dataTable.ext.oStdClasses.sSortable='my-sorting';

您可以更改上述所有默认属性，甚至更多，而无需更改原始来源。

这是上面例子的一个 fiddle ，你可以测试:http://jsfiddle.net/rbUAq/