Question

我在使用document.ready时遇到了一些问题，它会减慢加载时间，有时会长达两分钟。

我看到了这个链接：http://encosia.com/dont-let-jquerys-document-ready-slow-you-down/

所以我的问题是，我怎样才能使用这种方法而不是document.ready？

这里是custom.js文件中的document.ready函数。

$(document).ready(function () {
  setBudgetPeriodReadOnly();
  adjustTablePerBudgetNiva(budgetNiva);
  disableDeletedAccounts();
  allowedKeyCodes();
  showHideZeroRowsEvent();
  removeZeroOnClick();
  bindMouseOverOutEvent();
  bindTableRowEvents();
  returnAsTabEvent();
  budgetNivaChangedEvent();

}）;

如您所见，它包含一些函数，以及那些使用子函数等的函数。

这里是使用live

的函数示例

function bindMouseOverOutEvent() {    
$('#budgetTable tr').live({
    mouseover: function () {
        $(this).find('td:eq(6)')
               .removeClass('budgetBelopp')
               .end().toggleClass('budgetTable-hover');
    },
    mouseout: function () {
        $(this).find('td:eq(6)')
               .addClass('budgetBelopp')
               .end().toggleClass('budgetTable-hover');

    }
});

}

但它没有工作，因为它包含在一个函数中，我希望它们被包装，所以我在函数名称上看到函数正在做什么。

我也是jQuery的新手。

Answer 1

您可以像<script async defer src="..."></script>

那样声明您的脚本文件

Answer 2

将javascript放在网站的底部

document.ready要慢，加载需要2分钟

2 个答案: