谁比较懂jquery mobile

最新推荐文章于 2021-02-01 06:51:10 发布

kaiti6723

最新推荐文章于 2021-02-01 06:51:10 发布

阅读量95

点赞数

本文链接：https://blog.csdn.net/kaiti6723/article/details/53972857

版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head>

    <title>选择考场</title>

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <link rel="stylesheet" href="jqueryJS/jquery.mobile-1.3.2.min.css">

    <script type="text/javascript" src="jqueryJS/jquery-1.8.3.min.js"></script>

    <script type="text/javascript" src="jqueryJS/jquery.mobile-1.3.2.min.js"></script>

    <script type="text/javascript" src="js/login.js"></script>

    <script>

        $(function(){

            $('<div data-role="content"><h2>考场名称：</h2><ul id="u1" > <li ><a href="#" id="a1" class="abc"> abc</a></li><li><a href="#">列表项2</a></li><li><a href="#">列表项3</a></li></ul></div>').appendTo('#SelectExamRoom');

            

        })

    </script>

    <link rel="Stylesheet" type="text/css" >

        .abc{

            Color:Red;

            height:100px

        }

        .{height:200px}

    <link />

</head>

<body>

    <div data-role="page" id="SelectExamRoom">

      <div data-role="header" data-theme="b" data-position="fixed">

        <a href="Index.html" data-role="button" data-icon="back">返回首页</a>

        <h1> 选择考场</h1>

      </div>

      

      <!--<div data-role="content">

        <h2>带有 data-inset="true" 属性的列表：</h2>

        <ul data-role="listview" data-inset="true" id="liList">

          <li><a href="#">列表项1</a></li>

          <li><a href="#">列表项2</a></li>

          <li><a href="#">列表项3</a></li>

        </ul>

    </div>-->

   </div> 

</body>

</html>