jquery - 如何从 Backbone View 在动态客户端模板中渲染 jQuery Mobile？

Question

我正在使用 Brunch 构建一个移动网站.

对于用户界面，我想使用jQuery Mobile .

我开始调整现有的 home_view (Backbone.View)，如下所示:

class exports.HomeView extends Backbone.View
  id: 'home-view'

  render: ->
    console.log "render() homepage"

    $(@el).html require('./templates/home')

    $.mobile.changePage('#homepage', 'slide', false, false)
    console.log $(@el)

    @

这不起作用，我怀疑这是因为 Backbone 在 jQuery Mobile 初始化之前或之后“注入(inject)”了 html 或者其他什么？

我可以使用 Firebug 和 Chrome 的 Inspect Element 检查标记，但 div 元素设置为 display:none; (所以这似乎再次表明 jQuery Mobile 未初始化或类似的情况)

./templates/home 是一个简单的“eco”模板，带有一些基本的 jQuery Mobile 标记，它看起来像这样:(并被注入(inject)到 body 标记中)

<div data-role="page" id="homepage">
    <div data-role="navbar">
        <ul>
            <li><a href="/" class="ui-btn-active">Home</a></li>
        <li><a href="#helppage">Help</a></li>
    </ul>
    </div><!-- /navbar -->

    <div data-role="content">
        <div id="home">
            <h1>Home</h1>
        </div>
    </div>
</div>

我在 SA 和 Google 上搜索了解决方案，但未能成功。任何提示将不胜感激。谢谢!

Answer 1

正如 this question 的评论中所述，您可以在渲染页面后执行此操作:

$("#pageId").trigger("create");

这将强制 jQuery Mobile 更新您的页面并解决您的问题。