为什么jQuery Mobile的页脚和页眉没有显示?

时间:2014-09-16 15:18:50

标签: jquery jquery-mobile

小提琴包含所有必要的信息。

我只是从jQuery Mobile网站

将标题源和页脚源添加到我的源代码中

http://jsfiddle.net/Ly6b2ta2/

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.css" />  
<script src="http://code.jquery.com/jquery-2.1.1.min.js">  </script> 
<script src="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.js">  </script> 

1 个答案:

答案 0 :(得分:0)

因为您在页面外部使用页眉和页脚(外部),所以需要初始化小部件(http://demos.jquerymobile.com/1.4.0/toolbar-external/):

$(function(){
    $( "[data-role='header'], [data-role='footer']" ).toolbar();
});
  

更新了 FIDDLE