博主内联后缀表达式

Question

我正在研究一个博主主题，我正在尝试向div添加一个类，以防通过移动设备看到博客。具体来说：我的两个类是：presentation和presentation-mobile.
因为博主不允许使用这样的结构：

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

因为它请求关闭 if (...真的吗？ 我被迫使用这串似乎不起作用的代码......有人可以指出我错在哪里或建议正确的方法吗？

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

错误输出为：

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

Answer 1

尝试使用新引入的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的原因是，即使通过"设置"禁用博客的移动版本，它也可以运行

Answer 2

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

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