Кнопка состояния загрузки в Bootstrap 3

Я новичок в Bootstrap 3. Не могу понять, как активировать функцию кнопки состояния загрузки. Мой код приведен ниже из документов getboostrap.com.

<button type="button" data-loading-text="Loading..." class="btn btn-primary">
  Loading state
</button>

Выпадающие окна прекрасно работают, поэтому я думаю, что проблема в другом месте?

Ответы

Ответ 1

Вам нужно обнаружить клик со стороны js, ваш HTML останется таким же. Примечание: этот метод устарел с версии 3.5.5 и удален в версии 4.

$("button").click(function() {
    var $btn = $(this);
    $btn.button('loading');
    // simulating a timeout
    setTimeout(function () {
        $btn.button('reset');
    }, 1000);
});

Кроме того, не забудьте загрузить файлы jQuery и Bootstrap js (на основе jQuery) на странице.

JSFIDDLE

Официальная документация