Question

我动态添加#show_data按钮，但无法在该按钮上使用jQuery。永远不会记录Hi! data 如何将脚本添加到动态元素？

<body>

    <button id="show_fields">Show Fields</button>
    <div id="button"></div>

    <script>

        $("#show_fields").click(function(){
            console.log('Hi! fields');
            $("#button").html("<button id=\"show_data\">Show data</button>");
        });

        $("#show_data").click(function(){
            console.log('Hi! data');
        });

    </script>

</body>

Answer 1

使用event delegation将事件附加到动态添加的元素：

$("#button").on('click','#show_data',function(){
   console.log('Hi! data');
});

无法将jquery应用于附加元素

1 个答案: