jquery - Pager.js + History.js + Require.js - "Unable to get property ' 未定义或空引用的绑定(bind)”

Question

我正在使用 Require.js、Pager.js 和 History.js 设置新的 Knockout Web 应用程序。我已经设置了初始化 according to the docs ，但当我调用 pager.startHistoryJs() 时，我收到来自 Pager.js 的“无法获取未定义或空引用的属性‘绑定(bind)’”错误。

这是我的 Require.js 配置:

require.config({
    paths: {
        'knockout': '/scripts/lib/knockout-3.2.0',
        'jquery': '/scripts/lib/jquery-1.11.2.min',
        'text': '/scripts/lib/text',
        'pager': '/scripts/lib/pager.min',
        'history': '/scripts/lib/history'
    },
    shim: {
        'pager': ['jquery', 'knockout'],
        'history': ['jquery', 'pager', 'knockout'],
    },
    waitSeconds: 0
});

这是我的 Require.js 初始化脚本:

require(['knockout', 'viewmodel/appViewModel', 'jquery', 'pager', 'history', 'lib/domReady!'], function (ko, appViewModel, $, pager) {
    pager.useHTML5history = true;
    pager.Href5.history = History;
    var viewModel = new appViewModel();
    pager.extendWithPage(viewModel);
    ko.applyBindings(viewModel);
    pager.startHistoryJs();
});

Here's the line in Pager.js (第 1497 行)抛出错误:

// Bind to StateChange Event
pager.Href5.history.Adapter.bind(window, 'statechange', function () {
    var relativeUrl = pager.Href5.history.getState().url.replace(pager.Href5.history.getBaseUrl(), '');
    goTo(relativeUrl);
});

我错过了什么？我无法找到有关此错误的太多相关信息。

Answer 1

您收到的错误与在未加载适配器的情况下加载 History.js 一致。如果我查看 history.js 中的代码，我发现如果没有可用的适配器，init 函数会默默返回 false 并且 History.js 不会初始化。

我建议加载jQuery adapter并使历史依赖于它。