Bootstrap 3, data-show не работает

Я использую modal-plugin, поддерживаемый Bootstrap 3 (http://getbootstrap.com/javascript/#modals) со следующей надписью:

<div class=​"modal fade" id=​"login_modal" tabindex=​"-1" role=​"dialog" aria-labelledby=​"myModalLabel" aria-hidden=​"true" data-show=​"true">​…​</div>​

В соответствии с документацией это должно работать с атрибутом data-show. К сожалению модальность не будет отображаться автоматически при завершении загрузки страницы. Я не вижу здесь ничего плохого, поэтому я надеюсь, что один из вас, ребята, может решить проблему для меня, пожалуйста.

P.S.: Я также нашел аналогичный существующий, но уже закрытый вопрос, который у них был с модалами, которые, похоже, были переписаны в v3, поэтому я не думаю, что он обновлен (https://github.com/twbs/bootstrap/issues/5891).

ИЗМЕНИТЬ Я забыл упомянуть, что я включил бутстрап, конечно. С помощью кнопки, чтобы открыть и закрыть ее, она работает нормально.:) Это действительно просто атрибут data-show, который не выполняет то, что он должен

Ответы

Ответ 1

На самом деле это не ошибка, потому что документация говорит:

Показывает модальность при инициализации.

Поэтому вам нужно инициализировать свой модальный "вручную" JS:

<script type="text/javascript">
    $( function(){
        $('#myModal').modal();
    } )
</script>

Ответ 2

Если data-show="true", тогда, когда вы вызываете $('.modal').modal(), появляется модальная мода. Но если data-show="false", $('.modal').modal() не работает, вам нужно вместо этого вызвать $('.modal').modal('show').

Ответ 3

Это работает для меня:

$(document).ready(function () {
    $('*[data-show]').modal('show');
});

Ответ 4

Я не думаю, что такой атрибут существует в Bootstrap. Я согласен, что было бы удобно (и, конечно, легко реализовать, поскольку версия js уже существует), но, насколько я читал, в документации упоминаются только атрибуты data-toggle.

Вы сообщили о проблеме?