动态创建ListView不适用于移动版的Jquery
Jquery Mobile遇到了一个问题：我想使用JS脚本从头开始在gridView中动态创建listView 我的HTML代码是：动态创建ListView不适用于移动版的Jquery,listview,jquery-mobile,dynamically-generated,Listview,Jquery Mobile,Dynamically Generated,Jquery Mobile遇到了一个问题：我想使用JS脚本从头开始在gridView中动态创建listView 我的HTML代码是： <head> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> <!--<script src="http://code.jquery.com/jquery-1.8.2.
<head>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<!--<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>-->
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
</head>
<body>
<div data-role="page" id="index">
<div data-theme="b" data-role="header">
<h1>Listview Test</h1>
</div>
<div data-role="content" id="pageContent">
</div>
</div>
</body>
$(document).on('pagebeforeshow', '#index', function()
{
var html = "";
html += "<div class='ui-grid-b'>";
html += "<div class='ui-block-a' id='block_a'>"
html += "<ul data-role='listview' data-split-icon='star' data-split-theme='a' class='listview' id='daViewList'>"
html += "<li id='grid_li'>"
html += "<a href='projets.html'>";
html += "<img src='http://demos.jquerymobile.com/1.2.0-alpha.1/docs/lists/images/album-bb.jpg' />";
html += "<h3>A</h3>";
html += "<p>Another one</p>";
html += "<p>And finally another one</p></a>";
html += "<a href='simulations.html' data-transition='slide' data-icon='arrow-r' data-theme='c'></a>";
html += "</li>";
html += "</ul>";
html += "</div>";
html += "</div>";
$(html).appendTo('#pageContent');
$("#daViewList").listview().listview("refresh");
});
谢谢大家你们应该把代码放在左面板第二个下拉列表的头部，选择“不换行”。这个很好用，谢谢。