javascript - Jquery点击函数无法识别

Question

我尝试动态生成一个元素，并使用下面的代码将该元素绑定(bind)到单击事件。一切正常，但当我单击数据源时，没有触发单击事件。

function create_datasource_facet(facetcount){
        console.log(JSON.stringify(facetcount))
        $('#filters').append('<div id="datafacet"></div>')
        $.each(facetcount,function(index,value){
                console.log(value);
                console.log(index);
                $('#datafacet').append('<br>')
                $('#datafacet').append('<div id="datasource">' + index + '[' + value + ']  </div>')
                //$('#datafacet').append('<br>')

        })

$(document).on('click','#datssource',function(){ alert('datasource clicked')})

}

Answer 1

此处的 ID 值有拼写错误:

$(document).on('click','#datssource',function(){ alert('datasource clicked')})
----------------------------^