动态创建的Foundation Zurb警报不起作用

Question

我有这个问题，是基础，在我的html上，我在某些情况下会像这样动态地添加警报：

 var alert = document.createElement("div");
 alert.setAttribute("data-alert", "");
 alert.setAttribute("class", "alert-box alert round");
 alert.innerHTML = " This is an alert test " + "<a href='#' class='close'>&times;</a>";
 document.getElementById('main').appendChild(alert);

现在是问题，当我动态添加它时，关闭按钮不起作用。 但是，如果我直接在html上添加内容，那么一切都完美无缺，甚至更怪异，如果我直接在html上添加一个属性，然后又添加一些其他名称，则所有内容都像魅力一样。

有猜测吗？ 我将所有js加载到页脚中，并在所有js加载后添加我的代码。

Answer 1

带基础的动态警报盒

$("#errorArea").append(alertBox).foundation();