【问题标题】：Including a PHP file inside a jQuery statement within a Smarty template在 Smarty 模板的 jQuery 语句中包含 PHP 文件
【发布时间】：2021-12-26 14:49:26
【问题描述】：

如果使用 Smarty 模板在 jQuery 中应用条件，我想包含一个文件我的代码：

{literal}
<script>
      if (window.matchMedia('(max-width: 767px)').matches) {
    // here is the include file
    {include= file.tpl}
        }
</script>
{/literal}

【问题讨论】：

我正在考虑以两种方式来做到这一点： A. 将您的文件包含在隐藏的 div 中，并在条件匹配时显示它。 B.如果条件匹配，做一个ajax请求，接收你想要的内容，并显示出来。

标签： php jquery smarty

【解决方案1】：

我有好消息和坏消息。首先，坏消息：这个代码永远不会工作，因为您的 Smarty 模板已经在服务器上进行了评估，以便生成 HTML 并将其发送到浏览器，并且您的 Javascript 代码只有在请求完成后才会被评估响应浏览器。因此，{include= file.tpl} 将生成到您的 HTML 中，特别是生成到您的 script 标记中，从而产生不需要的结果。

好消息是问题是可以解决的。解决办法可以是

生成您的文字 HTML 并默认隐藏它

在这种情况下，如果满足条件，您可以更改文字模板的 display CSS 属性。

或者，您可以在需要时直接发布文字

如果 JS 条件为真，那么您可以向服务器发送 AJAX 帖子，服务器将使用模板进行回复。

最后，您可以使用媒体查询

如果这仅与样式有关，那么您可以使用 [媒体查询][1]。

您还可以使用link 标记的media 属性来加载正确的样式表。 [1]：https://www.w3schools.com/css/css_rwd_mediaqueries.asp

【讨论】：

【解决方案2】：

试试：

{literal}
<script>
if (window.matchMedia('(max-width: 767px)').matches) {
 {/literal}{include= file.tpl}{literal}
}
</script>
{/literal}

【讨论】：