HTMLホバーボタンリストのクリックイベントの子

Question

は、HTMLコードで、

<div class="dropdown"> 
    <button class="dropbtn">Dropdown</button> 
    <div id="myList" class="dropdown-content"> 
    </div> 
</div> 

Clickイベントの

<script> 
    $('#myList').click(function(event){ 
     event.stopPropagation(); 
     alert(event.target.id); 
    }); 

    </script> 

そしてリストJSONデータから塗りつぶしています。

for(var i = 0; i < jsonStr.length; i++) { 
     var obj = jsonStr[i]; 
     //console.log(obj); 
     var node = document.createElement("a"); 
     var textnode = document.createTextNode(obj); 
     node.appendChild(textnode); 
     document.getElementById("myList").appendChild(node); 
    } 

のJSONデータ

["live0.ts","2.mpg"]

しかし、リストをクリックしたときにイベントがトリガされていません。

Answer 1

はこれを試してみてください... あなたのクリックイベントが

$(document).ready(function(){ 
$('#myList').click(function(event){ 
     event.stopPropagation(); 
     alert(event.target.id); 
    }); 
}); 

$(document).ready機能で囲む必要があり、ここで説明：Why should $.click() be enclosed within $(document).ready()?