基础和光滑状态不会打开模态

Question

我在WordPress页面上使用FoundationPress和smoothstate。现在在移动设备上，我使用汉堡包创建了一个菜单并显示模态并且工作正常但是在点击某些内容后，菜单不再打开。我认为这是因为smoothstate.js没有重新加载脚本。

作为smoothstate的一个选项，我有这个脚本：

onAfter: function($container, $newContent) {
            $( "#ham" ).click(function() {
                $(".hamburger").toggleClass("is-active"); //you can list several class names
                $('#abnavmodal').foundation('toggle');
                event.preventDefault();
            });

这是我的website。请注意，该菜单仅显示在移动设备上。

Answer 1

我通过更改为新的Foundation 6 programmatic use plugin declaration

来修复脚本

这是我的最终剧本：

onAfter: function($container, $newContent) {

            var $modal = new Foundation.Reveal($('#abnavmodal'), {
              animationIn: 'slide-in-left',
              animationOut: 'slide-out-left'
            });

            // Hamburgers
            $( "#ham" ).click(function() {
                $(".hamburger").toggleClass("is-active"); //you can list several class names
                $modal.toggle();
                event.preventDefault();
            });
});