jQuery：动态添加Glyphicon

Question

我在Firefox中使用jQuery glyphicon时出现轻微的功能问题。我使用Bootstrap来构建我的投资组合，并使用jQuery .load函数在您点击它们时动态加载一些投资组合页面。

我还添加了一个jQuery .append函数，在每个打开的页面上附加一个glyphicon close图标，但是当你在我的页面上打开和关闭它们时，它会继续添加多个glyphicons。当你打开和关闭时，它会增加越来越多。

这里发生了什么？有人可以帮忙吗？

我的代码：

$(".close").append('<span class="glyphicon glyphicon-remove-circle"></span>');
$(".glyphicon-remove-circle").click(function(e) {
    $(".portfolioContent").fadeOut();
});

Answer 1

你可以试试这个：

$(document).on('click','.glyphicon-remove-circle',function(){
   $(".portfolioContent").fadeOut();
});

或者也是这样：

$('.close').on('click','.glyphicon-remove-circle',function(){
   $(".portfolioContent").fadeOut();
});