Активируйте оповещения Bootstrap с помощью JQuery

Question

Активируйте оповещения Bootstrap с помощью JQuery

0

Я новичок в 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>

Спасибо за вашу помощь!

Paldan 16 апр. 2014, в 12:35

Источник

0

Вместо этого $ ("# formAlert"). Alert ('show'); попробуйте это $ ("# formAlert"). show ();
Billy Moat 16 апр. 2014, в 10:15

Теги:

javascript

jquery

html

1 ответ

Ещё вопросы

Вместо этого $ ("# formAlert"). Alert ('show'); попробуйте это $ ("# formAlert"). show ();

BenM · Accepted Answer · 2014-04-16T08-28-00.000Z

Прежде всего, вам нужно скрыть предупреждение с помощью display: none в CSS. Вы достигаете этого, используя класс Bootstrap .hide, поэтому этого должно быть достаточно.

Затем alert() не является надлежащей функцией объекта jQuery. Это функция объекта window и используется для отображения системного оповещения.

Вам просто нужно использовать функцию jQuery show(). Вам также может потребоваться предотвратить действие по умолчанию для события (например, нажать кнопку отправки), используя e.preventDefault(). Например, ваш скрипт должен выглядеть так:

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

Обратите внимание, что мы используем ярлык $(function() { }) для $(document).ready(function() { }); ,

Я пробовал этот код, но все еще ничего не появляется?
Пожалуйста, соберите jsFiddle или ссылку на демо.
Интересно, что это работало, когда я использовал отображение: нет в CSS. Кстати, спасибо за вашу помощь!