2

このスクリプトに問題があります。最初は<div>ハードコードされていて、正常に機能していました。しかし、リンク（の数）を変更したため、ナビゲーションバーを動的に変更する必要がありました。

element問題は、 .innerHTML =（html文字列）が挿入されたときにIDが登録されないことです。

どうすればこれを修正できますか？

コードは次のとおりです。

javascript：

 function constructNav() {
   var submenu_layer_innerHTML = "";
   var top_nav_innerHTML = "<UL class=\"nav_category\">";
   for (i=0; i<links.length; i++) {
     submenu_layer_innerHTML = "<div class=\"submenu\" id=\"submenu" + i + "\" onMouseOut=\"timeHideNav('" + i + "','1000')\"> </div>";
     top_nav_innerHTML += "<LI id=\"link" + i + "\"><a href=# onMouseOver=\"expandNav('" + i + "');\">" + links[i] + "</a></LI>";
   }
   top_nav_innerHTML += "</UL>";
   document.getElementById("top_nav").innerHTML = top_nav_innerHTML;
   document.getElementById("submenu_layer").innerHTML = submenu_layer_innerHTML;
 }

html：

<script type="text/javascript" src="scripts.js"> </script>
<script type="text/javascript">
var links =["link 1",
    "link 2",
    "link 3",
    "link 4",
    "link 5",
    "link 6"];
</script>

<body onLoad="constructNav();">

<div id="submenu_layer"> </div>
<div id="top_nav"> </div>

Firefoxでこのエラーが発生します：

  line 35: document.getElementById("submenu"+pageNo) is NULL
4

3 に答える 3

1

ループsubmenu_layer_innerHTMLの各反復中に上書きしています。for必ず使用してください+=。

于 2012-04-03T22:13:43.213 に答える
1

jQueryライブ関数を試してください。

$("div.something").live('click', function(){ 
  // do something...
});
于 2012-04-03T22:15:13.243 に答える
0

constructNavが定義されていません代わりにこれを試してください：http：//jsfiddle.net/5GjNs/

于 2012-04-03T22:07:04.547 に答える