javascript - まず、実装されていない Javascript ループで作成されたタグ

Question

div (class='thumb") にサムネイル画像を入力しようとしています。画像の名前は xml ファイルから収集されます。すべてのサムネイル画像は、画像全体を表示する関数を指す a-tag でカプセル化されます。

一部のブラウザーでは、最初のサムネイル画像にこの a-tag がないように見えます...クリックしても何も起こりません...

var rubriek = gup('rubriek'), // rubriek is a parameter in the url of this page pointing a specific photogallery
    gallerij = rubriek + "gallery.xml",
    xmlDoc = loadXMLDoc(gallerij),
    x = xmlDoc.getElementsByTagName("filename"),
    legebron = x[0].childNodes[0].nodeValue;

for (i = 0; i < x.length; i++) {
    var beeldnummer = x[i].childNodes[0].nodeValue,
        index = i + 1,
        kleinbeeld = "/" + rubriek + "images/thumb/" + beeldnummer;

    $('.thumb').append('<p><a class="kleintje" onclick="toonDezeFoto(&quot;' + beeldnummer + '&quot;,' + index + ',' + x.length + ');">
<img src="' + kleinbeeld + '" id="' + index + '">
</a></p>');
}

http://www.karinedaelman.be/foto.php?rubriek=Mensen/を参照してください。

解決策が見つかりました: サムネイルを保持する div の z-index が低すぎました。サイトのロゴを含む別の div は、より高い z-index と 100% の幅を持っていました。そのため、最初のサムネイル画像はサイトのロゴの下のレイヤーにあり、マウスイベントによってアクセスできませんでした....