jquery - 动态创建的 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

Dynamic Alert Box with Foundation

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