0

エラーが発生し続ける

 "--
[18:37:08.353] Use of Mutation Events is deprecated. Use MutationObserver instead. @ chrome://firebug/content/chrome/tabContext.js:589"

と

"[18:37:10.710] TypeError: myNode is null @ http://site.com/image:89"

Ruby on Rails、webBrick、および FireFox を使用しています。

これを設定して、クリックしたときにコンソールに何かを表示できるかどうかを確認します...代わりに上記のエラーを受け取りました..

<script>

(function() {
    var myNode = document.querySelector('#img-list ul.grid');

    myNode.addEventListener("click", function(e) { 
        console.log(e);
    }, false);

})();

</script>

<style>

li {
    display:inline-block;
    width:150px;
    height:auto;
    padding: 10px 10px 10px 10px;   
}

#img-list {
    width:330px;
}

</style>


<div id="img-list">
    <ul class="grid">
        <li><img src="assets/1/1_1.png"></li>
        <li><img src="assets/1/1_2.png"></li>
        <li><img src="assets/1/1_3.png"></li>
        <li><img src="assets/1/1_4.png"></li>
    </ul>
</div>
4

1 に答える 1

1

あなた<script>はブラウザがそれを見たときに実行さ#img-listれ、DOMにある前に発生するため、document.querySelector('#img-list ul.grid')何も見つかりません。

あなたの質問はでタグ付けされているので、それを使用しないのはなぜですか?

$(function() {
    $('#img-list ul.grid').click(function(e) {
        console.log(e);
    });
});

これにより、DOM の準備が整うまで JavaScript の実行が遅れます。

于 2013-09-06T23:04:25.783 に答える