我使用JQM和ajax从xml中提取数据,我正在尝试使用动态提取的数据创建一个锚标记,以“隐藏”data-role =“page”页面。
但是我的标签/链接似乎不起作用。
使用的代码如下:
<!DOCTYPE html>
<html>
<head>
<title>Jquery mobile</title>
<link rel="stylesheet"
href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-
1.4.5.min.js"></script>
</head>
<body>
<script type="text/javascript">
console.log("starting...");
var xml;
$(document).ready(function () {
$.ajax({
type: "GET",
url: "lolcatz.xml",
dataType: "xml",
success: xmlParser
});
});
function xmlParser(data) {
xml=data;
$(xml).find("kitteh").each(function () {
kitteh = $(this);
var name = $(kitteh).find("name").text();
var src = $(kitteh).find("url").text();
name=name.replace(/\s+/g, '');
name = name.charAt(0).toLowerCase() + name.substr(1);
$("#myList").append('<li><a href="#'+name+'" >'+name+'</div></li>');
$("#test").append('<li><div data-role="page" id="'+name+'" ><img
src='+src+' alt="Image"></div></li>');
});
}
</script>
<div data-role="page">
<div class="content-primary">
<div data-demo-html="true">
<ul date-role="listview" id="myList" >
</ul>
</div>
</div>
</div>
<div>
<ul date-role="listview" id="test">
</ul>
</div>
</body>
</html>