动态元素未在IE 11中接收点击事件

Question

我之前发过一个问题，但意识到我留下了很多重要的细节。我本质上是使用一个Javascript框架，动态地向页面添加内容。动态添加的两个元素是：

<li class="l-item facebook">
    <svg class="icon"><use xlink:href="#icon-facebook"/></svg>
</li>

<li class="l-item twitter">
    <svg class="icon"><use xlink:href="#icon-twitter"/></svg>
</li>

要处理这些点击事件，我使用.on，因为我认为这会使用委托。目前我有这样的事情：

jq('body').on('click', '.twitter, .facebook', function() {
    alert("CLICKED");
});

现在除了IE之外，这几乎无处不在。在IE中有一个奇怪的问题。 Twitter图标被触发正常，弹出窗口显示。但是，Facebook图标没有。为什么一个工作而另一个工作？如果我把两者放在他们自己的函数中，这是一样的。

任何建议表示赞赏。没有显示任何错误/警告，我尝试过没有成功的研究。

感谢。