使用JQuery激活引导程序警报

Activate Bootstrap alerts with JQuery

本文关键字：引导程序 激活 JQuery 使用      更新时间：2023-09-26

我是JQuery的新手，我的问题是我有一个模式中的按钮，当我单击它时，JQuery脚本就会运行。我需要这个脚本来显示一个警报框。

代码：

<div id="formAlert" class="alert alert-warning hide">
    Please enter your    
</div>

以上是模态内部的内容。

    <script type="text/javascript">
        $(document).ready(function (){
            $("#submitMe").click(function(){
                $("#formAlert").show();
            });
        });
    </script>

谢谢你的帮助！

首先，您需要在CSS中使用display: none隐藏警报。您正在使用Bootstrap的.hide类来实现这一点，所以这应该已经足够了。

接下来，alert()不是jQuery对象的适当函数。它是window对象的一个函数，用于显示系统警报。

您只需要使用jQuery的show()函数。您可能还需要使用e.preventDefault()阻止事件的默认操作（即单击提交按钮）。例如，您的脚本应该如下所示：

$(function() {  
    $('#submitMe').on('click', function(e) { 
        e.preventDefault();
        $('#formAlert').show();
    });
});

请注意，我们对$(document).ready(function() { });使用$(function() { })快捷方式。

相关文章：