Question

我通过将每个页面中重复的各个部分组合在一起创建了一个主人，我创建了一个页眉，页脚和菜单部分。

在页脚中我添加了我的脚本<script src标签。我有一个<script src标记，其中包含所有网页都使用的脚本，此脚本具有document.ready功能。

我想使用另一个脚本，例如在这种情况下是一个datatables脚本，在页面示例中它显示了这样的脚本

$(document).ready(function() {
$('#example').DataTable( {
    scrollY:        300,
    scrollX:        true,
    scrollCollapse: true,
    paging:         false,
    fixedColumns:   true
} );
} );

我想将该脚本放在javascript文件中，并将其放在页面的末尾而不是master page footer section，因为该脚本仅由一个页面使用，但由于该脚本需要document.ready 1}}函数，我可以用document.ready函数创建两个脚本吗？一个接一个？解决这个问题的最佳做法是什么？

以下是所有页面中的脚本

$(document).ready(function () {
$('#side-menu').metisMenu();



//Loads the correct sidebar on window load,
//collapses the sidebar on window resize.
// Sets the min-height of #page-wrapper to window size
$(function () {
    $(window).bind("load resize", function () {
        topOffset = 50;
        width = (this.window.innerWidth > 0) ? this.window.innerWidth : this.screen.width;
        if (width < 768) {
            $('div.navbar-collapse').addClass('collapse');
            topOffset = 100; // 2-row-menu
        } else {
            $('div.navbar-collapse').removeClass('collapse');
        }

    height = ((this.window.innerHeight > 0) ? this.window.innerHeight : this.screen.height) - 1;
    height = height - topOffset;
    if (height < 1)
        height = 1;
    if (height > topOffset) {
        $("#page-wrapper").css("min-height", (height) + "px");
    }
});
var url = window.location;
var element = $('ul.nav a').filter(function () {
    return this.href == url || url.href.indexOf(this.href) == 0;
}).addClass('active').parent().parent().addClass('in').parent();
if (element.is('li')) {
    element.addClass('active');
}
});

如果我使用母版页，那么放置jQuery document.ready函数的位置

0 个答案: