1
私はHTMLページを持っています。このページには、サーバーに接続し、リンクを確立するために必要な情報を受け取るAjaxがあります。これらの情報を使用して、適切なhref属性を持つ "a"タグを作成し、このタグをページの既存の要素に追加します。リンクのテキストは表示されますが、クリックできません。 (マウスは変わらない)。しかし、私がディスク上にページを保存してから再び開くと、リンクは正常です。何が問題ですか?影響を受けるリンクを動的に作成する
$(document).ready(loadDoc());
function loadDoc(){
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
makeNavigation(this);
}
};
xhttp.open("GET", "/Head/Explore/ErebosPlain", true);
xhttp.send();
}
function makeNavigation(xml){
var i = 0;
parser = new DOMParser();
xmlDoc = parser.parseFromString(xml.responseText,"text/xml");
categs = xmlDoc.getElementsByTagName("Category");
for (i=1; i < categs.length ; i++) {
a = xmlDoc.createElement("a");
a.setAttribute("href","?currentnode=" + categs[i].getAttribute("id"));
p = document.createTextNode(categs[i].getAttribute("preferredName"));
a.appendChild(p);
el = document.getElementById("mainnav");
li = document.createElement("li");
li.appendChild(a)
el.appendChild(li);
}
}
とHTML部分を:
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#"><xsl:value-of select="./Division/@preferredName"></xsl:value-of></a>
</div>
<ul class="nav navbar-nav" id="mainnav">
</ul>
</div>
</nav>
関連するコードを追加できますか? – nmnsud
テストしてデバッグするためのコードを用意しておくとよいでしょう。今、この質問に対する答えは試行錯誤の問題です。 @ nmnsudのように、いくつかのコードを追加してください。 –
出力 – Pat928