将CSS添加到AJAX弹出警报中

时间:2016-10-23 05:40:35

标签: css ajax forms

我刚刚设法将AJAX添加到我的邮件列表订阅表单中。它工作并显示默认浏览器弹出以显示消息。

我现在想要添加CSS样式,这是页面顶部的花式栏警报。我已经创建了CSS样式,但我仍然坚持如何在代码中获取它。我正在使用+ .addClass(" toast-top-full-width")和其他一些方法,但一切都破坏了我的代码。

任何帮助表示赞赏!

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js">      </script> 
<script type="text/javascript">
$(function () {
    $('#subForm').submit(function (e) {
        e.preventDefault();
        $.getJSON(
        this.action + "?callback=?",
        $(this).serialize(),
        function (data) {
            if (data.Status === 400) {
                alert("Error: " + data.Message);
            } else { // 200
                alert("Success: " + data.Message);
                ;
            }
        });
    });
});
</script>

2 个答案:

答案 0 :(得分:2)

如果要设置弹出窗口样式,则无法使用In [2]: import re In [3]: str='Beautiful is:better than:ugly' In [4]: re.split(r'( |:)',str) Out[4]: ['Beautiful', ' ', 'is', ':', 'better', ' ', 'than', ':', 'ugly'] 功能。您必须在页面中添加警告框作为Html元素。然后你可以用你想要的任何方式设计它。

答案 1 :(得分:0)

我猜你正在使用普通的旧javascript警告。

这些东西无法设置样式。

为此目的,请使用类似Bootstrap Modal对话框的内容,这些对话框是使用纯HTML和CSS创建的,并且可以应用样式。

Bootstrap对话框示例:

alert