无法将jquery应用于附加元素

时间:2015-06-25 08:14:17

标签: javascript jquery button dynamic jquery-append

我动态添加#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>

1 个答案:

答案 0 :(得分:1)

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

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