2017-02-05 16 views
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> 
+1

関連するコードを追加できますか? – nmnsud

+0

テストしてデバッグするためのコードを用意しておくとよいでしょう。今、この質問に対する答えは試行錯誤の問題です。 @ nmnsudのように、いくつかのコードを追加してください。 –

答えて

0

多くの理由がありませんあなたは

<a href='[url text goes here]'>[clickable text here]</a> 

にURLを入れていることを確認し スクリプトは以下の通りです構文が正しい場合は動作しません

関連する問題