Javascript HTML href标记不工作
我已经使用JQM和ajax从xml中提取了数据，我正在尝试使用动态提取到“隐藏”数据role=“page”页面的数据创建锚定标记 但是，我的标签/链接似乎不起作用 使用的代码如下：Javascript HTML href标记不工作,javascript,jquery,html,jquery-mobile,Javascript,Jquery,Html,Jquery Mobile,我已经使用JQM和ajax从xml中提取了数据，我正在尝试使用动态提取到“隐藏”数据role=“page”页面的数据创建锚定标记 但是，我的标签/链接似乎不起作用 使用的代码如下： <!DOCTYPE html> <html> <head> <title>Jquery mobile</title> <link rel="stylesheet" href="http://code.jquery.com/m
<!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>
jquerymobile
console.log（“启动…”）；
var-xml；
$（文档）.ready（函数（）{
$.ajax({
键入：“获取”，
url:“lolcatz.xml”，
数据类型：“xml”，
成功：xmlParser
});
});
函数xmlParser（数据）{
xml=数据；
$（xml）.find（“kitteh”）.each（函数（）{
基特=$（本）；
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（“”+name+” ”）；
$（“#测试”）.append（“”）；
});
}