大神们,帮我看一下为什么data-theme在页面上没有样式?

<!DOCTYPE html>
<html>
<head lang="en">
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0">
   <link type="text/css" rel="stylesheet" href="jqm/jquery.mobile-1.4.5.css">
   <script src="js/jquery-2.1.1.min.js"></script>
   <script src="jqm/jquery.mobile-1.4.5.js"></script>
   <title></title>
</head>
<body>
   <div data-role="page">
       <div data-role="header" data-position="fixed">
           <h1>header</h1>
       </div>
       <div data-role="content">
           <form>
               <input type="button" name="" id="" value="input按钮" data-inline="true">
               <button data-inline="true">button按钮</button>
               <a href="javascript:;" data-role="button">超链接按钮</a>


           </form>
           <a href="javascript:void (0);" data-role="button" data-theme="a" data-inline="true">超链接按钮1</a>
           <a href="javascript:void (0);" data-role="button" data-theme="b" data-inline="true">超链接按钮2</a>
           <a href="javascript:void (0);" data-role="button" data-theme="c" data-inline="true">超链接按钮3</a>
           <a href="javascript:void (0);" data-role="button" data-theme="d" data-inline="true">超链接按钮4</a>
           <a href="javascript:void (0);" data-role="button" data-theme="z" data-inline="true">超链接按钮5</a>
       </div>
       <div data-role="footer" data-position="fixed">
           <h1>footer</h1>
       </div>
   </div>
</body>

</html>http://img.mukewang.com/58df1bc400010bba00010001.jpg

咿呀咿呀哒哒
浏览 2848回答 1
1回答

太搞笑了

看不出什么问题。只能给你分析一下。不出现效果第一是jquery 引用(下面路径我就省去了)<script type="text/javascript" src="jquery.js"></script>第二种 :css路径不对 href="jqm/jquery.mobile-1.4.5.css" 当前页面是否和jqm在同一个目录下如果没有加href="~/jqm/jquery.mobile-1.4.5.css"  第三种:看jquery.mobile-1.4.5.css 内部是否有背景图片路径或者url路径 是否正确。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

WebApp