动态警报框与基础

Question

我应该如何动态地向具有基础的页面添加新警报框？看起来我必须为框插入html标记,然后重新初始化整个页面的基础......这可能不对,可以吗？

是否有一些动态添加警报框的简单方法？

我希望api如: $("#myElement").foundation('alert', "foo 123");

例:

$.post("/some/url", {some:'data'})
    .fail(function(){
        $("#myElement").foundation('alert', 'Process failed!');
    });

Answer 1

没有API，但你可以这样做：

$.post("/some/url", {some:'data'})
.fail(function(){
    var alertBox = '<div data-alert class="alert-box"> Sorry, the request failed.  <a href="#" class="close">&times;</a></div>';
    $("#errorArea").append(alertBox).foundation();
});