Question

我正在开发一个博客主题，我正在尝试将一个类添加到div，以防通过移动设备查看博客。具体来说：我的两个课程是：presentation和presentation-mobile。由于博客不允许使用以下结构：

if()
  <div class="a">
else
  <div class="b">

因为它请求关闭if中的div元素（...对于真实？）我被迫使用这段似乎不起作用的代码......有人可以指出我错在哪里或建议正确的方法吗？

expr:class='&quot;container-fluid presentation&quot; + (data:blog.isMobile? &quot;-mobile&quot;:&quot;&quot;)'

错误输出是：

表达式'"container-fluid presentation" + (data:blog.isMobile? "-mobile":"")'无效。

Answer 1

在三元运算符? :周围留出空格并使用data:blog.isMobileRequest代替data:blog.isMobile

expr:class='&quot;container-fluid presentation&quot; + data:blog.isMobileRequest ? &quot;-mobile&quot; : &quot;&quot;'

Answer 2

尝试使用新引入的b:class运算符。它用于向父元素添加类（如果类已存在，则包括附加类名）。代码看起来像 -

<div>
  <b:class name='presentation' cond='!data:blog.isMobileRequest'/>
  <b:class name='presentation-mobile' cond='data:blog.isMobileRequest'/>
</div>

此外，data:blog.isMobileRequest优先于data:blog.isMobile的原因是因为即使通过设置禁用了博客的移动版本，它也会起作用

博客内联后缀表达式

2 个答案: