【发布时间】:2017-09-22 10:05:03
【问题描述】:
我有包含内容的 xml 文件 test.xml
<?xml version= "1.0" encoding= "UTF-8" ?>
<LIST><script />
<ONEP>
<LINK>/wordpress/new_1.html</LINK>
<CHAPTER >One 1</CHAPTER>
</ONEP>
<ONEP>
<LINK>/wordpress/new_2.html</LINK>
<CHAPTER>One 2</CHAPTER>
</ONEP>
</LIST>
我想将此内容加载到我的 Wordpress 页面中,因此我将下面给出的代码直接插入到我的 Wordpress 页面中。
<div id="demo">
</div>
<script type="text/javascript">
window.onload = function() {
loadXMLDoc();
};
function loadXMLDoc( ) {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
myFunction(this);
}
};
xmlhttp.open("GET", "../wordpress/test.xml", true);
xmlhttp.send( );
}
function myFunction(xml) {
var i;
var xmlDoc = xml.responseXML;
var table="<strong>Chapter</strong>";
var x = xmlDoc.getElementsByTagName("ONEP");
for (i = 0; i <x.length; i++) {
table += "<br/><a href=\".." +
x[i].getElementsByTagName("LINK")[0].childNodes[0].nodeValue +
"\">" +
x[i].getElementsByTagName("CHAPTER")[0].childNodes[0].nodeValue +
"</a>";
}
document.getElementById("demo").innerHTML = table;
}
</script>
现在我预览页面。页面中没有找到任何内容。
我什至使用插件“Jquery in posts and page”尝试了代码,但代码仍然不起作用。我完全迷路了。注意代码在普通 html 文件中工作得很好。它不仅在 Wordpress 页面中工作和帖子。请提供任何帮助。
提前谢谢你。
【问题讨论】:
-
你的控制台是否给你任何错误? (按 F12 进入控制台)
-
控制台没有给出错误。
-
将您的脚本更改为:
<script type="text/javascript"> window.onload = function() { alert("test"); }; </script>并查看加载页面时是否显示测试。 -
*Edit 抱歉,我收到一条弹出“测试”消息。
-
那么你的脚本没有加载。可能是因为 wordpress 默认禁用它们。在编码之前尝试reading
标签: javascript jquery xml wordpress