jquery mobile——第一个页面，点击Button增加Button

最新推荐文章于 2017-10-18 17:39:28 发布

吉普赛的歌

最新推荐文章于 2017-10-18 17:39:28 发布

阅读量3.6k

点赞数

分类专栏： # jQuery

本文链接：https://blog.csdn.net/yenange/article/details/8287093

版权

jQuery 专栏收录该内容

51 篇文章 0 订阅

订阅专栏

注：在Firefox或者Chrome上运行友情链接：

点击打开链接

<!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>
<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css">
<script src="http://code.jquery.com/jquery-1.5.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>
<script type="text/javascript">
    $(function(){
        $('#btnIncList1').click(function(){
            var newLi = "<li data-theme='c'><a href='#' data-transition='slide'>Button </a></li>";
            $("#btnIncList1").append(newLi).listview("refresh");
        });
    });
</script>
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1>Page Title</h1></div>
<div data-role="content">
<p>Page content goes here.</p></div>
<ul id="btnIncList1" data-role="listview" data-divider-theme="b" data-inset="false">
<li data-theme="c"><a href="#" data-transition="slide">Button </a></li>
</ul>
<div data-role="footer">
<h4>Page Footer</h4></div>
</body>
</html>