相关疑难解决方法(0)

我正在获取一个JSON元素并从其项目中构建一个列表,如下所示:

getTitles: function(data) {
    data = data || {};
    var list = [];

    $.getJSON(
        '/titles',
        data,
        function(data) {
            $.each(data.data, function(key, val) {
                list.push(
                    '<li><a href="'+ val.href +'">'+ val.title +'</a><span class="count">'+ val.count +'</span></li>'
                )
            });

            $('#title-items').html(list.join(''));
        }
    );
}

我正在为这样的a元素绑定click事件:

$('a').on('click', function(e) {
    alert('clicked');
    e.preventDefault();
});

旧的元素显示警报但新的元素遵循URL.事件处理程序不适用于新事件处理程序.我怎么解决这个问题？