Javascript 5型互通式立柱

我正试图通过交换在断点上加载一个topbar。有人知道如何控制何时加载模板以调用topbar init吗？

---

谢谢

我通过intechange组件来控制这一点，更改名称为small.png、medium.png和large.png的1x1px png，并使用事件替换。当图像为large.png时，我通过ajax加载顶部栏，并在success函数中调用init方法

在html中：

<img data-interchange="[img/small.png, (default)], [img/small.png, (small)], [img/medium.png, (medium)], [img/large.png, (large)]" alt="" role="presentation" id="size-ckecher"/>

---

为什么不直接使用表象课呢？在加载Frase/DOM后，您必须重新启用TopBar，以便它按照您的意愿工作。看看他们是如何在基础文档网站上做这件事的。它只是顶栏导航上的一个小隐藏。在这种特定的情况下，他们使用offcanvas来表示小型，使用hide来表示中型。我看到了它，但我不想在基本和移动htlm中使用不必要的html。最后，当内容更改为桌面版本时，我调用topbar init方法。我使用intechange组件控制它，更改名称为small.png、medium.png和large.png的1x1px png，并替换事件。当图像为large.png时，我通过ajax加载顶栏，并在success函数中调用init方法。我认为更好的解决方案是使用Modernizer，检查屏幕大小，然后ajax加载顶栏。我认为，对于相同的功能，交换和向服务器发出额外的http请求并不会带来任何好处。更不用说交换插件增加了文件大小，除非你在网站的其他地方大量使用它。我理解您的逻辑，只为特定设备设备提供内容，但我会考虑一般前端的最佳实践，并在真实的情况下更快地测试您的解决方案，看看它是否更快。

$(document).on('replace', '#size-ckecher', function (e, new_path, original_path) {


    if(new_path.indexOf("small")!=-1){


    }else if(new_path.indexOf("medium")!=-1){



    }else if(new_path.indexOf("large")!=-1){

        $(document).foundation();   
    }
})