无法让Intention.js工作

时间:2013-12-31 16:52:24

标签: javascript responsive-design

我正在努力让Intention.js运行一个正常运行的例子,以便我可以根据自己的需要对其进行评估,但是我甚至无法得到一个简单的例子。它显示两个div尽管你处于什么“模式”,而它只应该根据你的视口显示一个或另一个。我确信我错过了一些不确定的东西。有什么想法吗?

<div intent in-standard-append="#desktop" in-tablet-append="#tablet"></div>

<div id="tablet">I'm a tablet</div>
<div id="desktop">I'm a desktop</div>

这是我的傻瓜 http://plnkr.co/edit/xbXJbcthykp2UWLFkyfK?p=preview

这是Intention.js网站: http://intentionjs.com/

1 个答案:

答案 0 :(得分:0)

其中一条评论是正确的。您正在使用该函数移动项目,而不是更改类。下面的例子是简化的,但应该说明根据上下文在两个div上切换类的想法。

<style>
.hidden {display:none;}
.visible {display:block;}
</style>
<div intent in-mobile-class="hidden" in-tablet-class="visible">I'm a tablet</div>
<div intent in-mobile-class="visible" in-tablet-class="hidden">I'm a mobile device</div>