Блог

Главная - Вопросы по программированию - Использование железного маршрутизатора с jQueryMobile

Использование железного маршрутизатора с jQueryMobile

#jquery-mobile #meteor #iron-router

#jquery-мобильный #метеор #железный маршрутизатор

Вопрос:

Я установил iron-router для своего проекта Meteor, который использует jQM для пользовательского интерфейса, но когда я настраиваю простой маршрут, я не могу отобразить свою страницу jQM.

Мой router.js заключается в следующем:

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

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

Мой layout.html заключается в следующем:

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

И мой splash.html заключается в следующем:

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

Насколько я понимаю, iron-router {{>yield}} должен просто вставить любой шаблон, который вы определили в router.js, в данном случае splash для корневого URI. Что происходит, так это то, что я вижу это в результирующем HTML, но есть отдельный div, который, похоже, мешает работе jQM. Есть идеи, как согласовать два divs?

Где результирующий HTML:

 <body class="ui-mobile-viewport ui-overlay-a">
    <div data-role="page" data-url="/" tabindex="0" class="ui-page ui-page-theme-a ui-page-active" style="min-height: 324px;">
    </div>
    <div class="ui-loader ui-corner-all ui-body-a ui-loader-default">
        <span class="ui-icon-loading"></span>
        <h1>loading</h1>
    </div>
    <div data-role="page" data-theme="q" id="splashPage">
        <div data-role="content">
            <div class="login">
                <img src="images/logo.png" alt="Approval Hub logo">
            </div>
        </div>
    </div>
</body>

Комментарии:

1. Я уверен, что это jQuery UI's работает, я действительно думаю, что это необходимо, divs это не похоже на Meteor проблему, с учетом сказанного, где происходит вызов пользовательского интерфейса jQuery в вашем js-code ?

2. Да, это заставляет меня подозревать, смогут ли они жить вместе. Первый DIV, я думаю, исходит из jQM. Последний DIV (тот, который генерирует iron-router) — это тот, который я хочу.

3. Аналогичный вопрос задавался в группах Google: groups.google.com/forum /#!тема/meteor-talk/NpExjw1CLQQ