动态创建的基础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，并且在加载了所有j之后添加了我的代码。

Answer 1

Dynamic Alert Box with Foundation

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