Question

是否可以在Javascript MatchMedia查询中执行Twig'include'语句？

我正试图通过简单地在平板电脑断点处呈现不同的菜单类型来解决另一个问题。

我知道JS无法与服务器通信，但是完全可以通过这种方式执行twig命令吗？

         if (matchMedia) {
         const mq = window.matchMedia("(min-width: 992px)");

         mq.addListener(WidthChange);
         WidthChange(mq);
         }

         // media query change
         function WidthChange(mq) {
         if (mq.matches) {
         // window width is greater than 992px

{％包括'snippets / navbar.rain'和{'type'：'Desktop'}％}

         } else {

         // window width is less than 992px

{％包括'snippets / navbar.rain'和{'type'：'Tablet'}％}

         }

       }

我在任何地方都找不到正确的语法，甚至无法找到实际上是否可行的示例。谢谢

Answer 1

twig是在服务器上执行的模板语言。所以答案是否定的。 include语句在呈现html时将在服务器上运行。创建DOM后，js将在浏览器中运行。

从MatchMedia JS函数中执行Twig语句？

1 个答案: