エラーが発生し続ける
"--
[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>
あなた<script>はブラウザがそれを見ると実行され、それ#img-listはDOMにある前に起こるのでdocument.querySelector('#img-list ul.grid')、何も見つかりません。
あなたの質問はjqueryでタグ付けされているので、それを使用してみませんか？
$(function() {
$('#img-list ul.grid').click(function(e) {
console.log(e);
});
});
これにより、DOMの準備が整うまでJavaScriptの実行が遅れます。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加