Jquery mobile 将iron路由器与jQueryMobile结合使用

我已经为我的Meteor项目安装了iron router，该项目将jQM用于UI，但是当我设置一个简单的路由时，我无法显示我的jQM页面

我的router.js如下：

Router.configure({
    layoutTemplate: 'layout'
});

Router.map(function() {
    this.route('splash', {path: '/'});
});

<template name="layout">
    <div data-role="page" data-theme="q" id="splashPage">
        <div data-role="content">
            {{>yield}}
        </div>
    </div>
</template>

<template name="splash">
    <div class="login">
        <img src="images/logo.png" alt="Hub logo">
    </div>
</template>

My layout.html如下所示：

Router.configure({
    layoutTemplate: 'layout'
});

Router.map(function() {
    this.route('splash', {path: '/'});
});

<template name="layout">
    <div data-role="page" data-theme="q" id="splashPage">
        <div data-role="content">
            {{>yield}}
        </div>
    </div>
</template>

<template name="splash">
    <div class="login">
        <img src="images/logo.png" alt="Hub logo">
    </div>
</template>

---

非常确定这就是jQuery UI的功能，我确实认为它需要那些div它看起来不像是一个

流星

问题，也就是说，jQuery UI调用在你的

js code

中发生了什么？是的，这让我怀疑他们是否可以住在一起。我认为第一个DIV来自jQM。最后一个DIV（iron router正在生成的一个）就是我想要的。谷歌集团也提出了类似的问题：