Question

我需要确定＆＃34;追加＆＃34; HTML内容＆＃34;可点击＆＃34;。 以下是代码：

function displayContacts(contactArray){
        var jsonObject = $.parseJSON(contactArray);
        jsonObject.forEach(function (dat) {
            //Begin Contact Unit
            $('.feed')
                .append('<div class="feed-img"><img src="'+dat.avatarUrl+'">\
                </div><div class="feed-text"><p><span class="name_highlight">\
                ' + dat.firstName + ' ' + dat.lastName + '</span></p></div>');
            //End Contact Unit
        });
}

我有一个未显示的AJAX调用，它在JSON中获取3个数据。然后，此函数将该数据附加到html doc以创建联系人列表 - 在这种情况下，它是db中每个用户的主列表。我的问题是：我如何才能使这些元素（例如图像）可点击？目标是以这样的方式制作这个联系人列表，用户可以通过点击头像来选择一个。我尝试过使用.on，.click，许多不同的东西，我认为可能需要其中一个，但我不确定将它放在实际代码中。我理解它的方式是动态创建这些元素，这使它们变得特别。谢谢你的帮助 - 这让我很困惑。

Answer 1

$(document).on('click', '.feed', function(){

$('.feed').append($('<input type="hidden" name="data" />').val(token));
}

Answer 2

您可以通过以下几种方式执行此操作：

.append('<div onclick="whatever();">'); //Clickable div

或者：

t=$('<div>');
t.click(function(){ alert('clicked'); });
.append(t); //Clickable div

或者：

.append('<div class="clickme">');
$('.clickme').click(function(){ alert('clicked'); });

有很多方法可以做到。我个人推荐第二种方法，因为它是最干净的解决方案。

如何使.append（）html内容可点击？

2 个答案: