Zurb Foundation javascript reInit 模块不工作

Question

我正在ajax创建一个网站。我的菜单应该始终是粘性的（使用 Foundation 提供的粘性模块）。但它只在常规页面加载时粘滞，而不是 ajax 重新加载（也就是在网站上导航时）
我正在尝试在事件 [=13= 时重新初始化模块] 发生，使用 Foundation 6 文档中提供的行：

$(document).ajaxComplete(function () {
    Foundation.reInit($('.sticky'));
    //other code
});

但它似乎不起作用，因为我在控制台中收到此错误：

TypeError: Cannot read property '_init' of undefined
    at HTMLElement.<anonymous> (foundation.core.js:103)
    at Function.each (jquery.min.js?ver=2.1.0:2)
    at o.fn.init.each (jquery.min.js?ver=2.1.0:2)
    at Object.reInit (foundation.core.js:102)
    at HTMLDocument.<anonymous> (stickyfooter.js:28)
    at HTMLDocument.dispatch (jquery.min.js?ver=2.1.0:3)
    at HTMLDocument.r.handle (jquery.min.js?ver=2.1.0:3)
    at Object.trigger (jquery.min.js?ver=2.1.0:3)
    at x (jquery.min.js?ver=2.1.0:4)
    at XMLHttpRequest.<anonymous> (jquery.min.js?ver=2.1.0:4)

我不明白。这是什么意思？如何在 ajax 重新加载后使模块工作？正在运行的网站：http://lesdeuxvagues.com/demo

Answer 1

您没有 post 您的标记，但我访问了该网站，但在您的 CSS 中没有看到“.sticky”class。您正在呼叫

    Foundation.reInit()

在 jQuery select 或。

也是

    $('.sticky')

select 你的页面上有什么吗？你为什么不试试：

       Foundation.reInit($('[data-sticky]'))

这将重新初始化所有具有属性 data-sticky 的元素

Answer 2

好吧，这显然是 zurb-foundation 中的一个已知问题，粘性模块在被销毁后不起作用（尽管我不知道为什么在我的情况下它被销毁了，因为我只是重新加载其他内容AJAX), 所有其他基础 js 插件似乎都在工作。（参见：https://github.com/zurb/foundation-sites/issues/9047）
我将尝试的解决方案是找到另一个粘性库来处理这个特定问题。

Zurb Foundation javascript reInit 模块不工作

Zurb Foundation javascript reInit module not working

javascript

ajax

jquery

zurb-foundation