javascript - jquery mobile中的小部件未加载

Question

我正在为我的项目使用主干、require.js、下划线和 jquery mobile。我注意到 jquery mobile 中的一些小部件主要没有加载页眉和页脚。我该如何解决？

更新

我的 html

<div id="connectionForm">
<div data-role="header" data-position="inline">
    <a data-icon="delete">Cancel</a>
    <h1>Edit Contact</h1>
    <a data-icon="check">Save</a>
</div>
<input class="user-input" id="serviceUrl"/>
<a class="save-url btn" data-role="button" data-icon="check">Save</a>

在萤火虫上

<div class="ui-[object Object]" data-position="inline" data-role="header">

在视图上加载 jquery mobile 和东西

define([
'jquery',
'mobile',
'const',
'underscore',
'backbone',
],function($, Mobile, Const,  _, Backbone){

这是它加载的小部件列表（使用 firebug）

button
function()

checkboxradio
function()

collapsible
function()

collapsibleset
function()

dialog
function()

listview
function()

navbar
function()

page
function()

selectmenu
function()

slider
function()

textinput
function()

widget

Answer 1

编辑没关系，您的更新显示您已经在使用 data-role="header"

JQuery Mobile 使用标签

<div data-role="header"></div> 

定义标题部分，而不是下面更常见的用法

<div class="header"></div>
<header></header> (html5)

Answer 2

解决了。默认情况下，jqm 不会加载标题小部件或在 firebug 的 DOM 选项卡上显示它。所以我更新到 1.1.0 版本，一切都像魅力一样。