在MatchMedia JS函数中执行Twig语句?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (10)

是否可以在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 

{%include'snippets / navbar.rain'与{'type':'Desktop'}%}

         } else {

         // window width is less than 992px

{%include'snippets / navbar.rain'与{'type':'Tablet'}%}

         }

       }

我无法在网上找到正确的语法,甚至无法确定这是否是一个可能的解决方案。谢谢

提问于
用户回答回答于

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

扫码关注云+社区

领取腾讯云代金券