更新

Question

我正在为我的项目使用backbone，require.js，underscore和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和stuffs

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 =“标题”

JQuery Mobile使用标签

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

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

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

Answer 2

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

jquery手机中的小部件无法加载

更新

2 个答案: