Модальное окно bootstrap

@~~ТОрчОК~~ · 20.10.2014, 21:19. **Показов** 1784. **Ответов** 2

Author24 — интернет-сервис помощи студентам

HTML5

<DOCTYPE HTML>
<html>
<head>
<script src="jquery-1.8.3.js"></script>
<link rel="stylesheet" href="css/bootstrap.css"/>
<script src="js/bootstrap.js" type="text/javascript"></script>
<script>
$('document').ready(function(){
    $('#modal').modal();
});
</script>
</head>
<body>
<div id="modal" class="modal hide">
    <div class="modal-header">
        <h2>Lorem Ipsum</h2>
    </div>
    <div class="modal-body">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
        Donec placerat sem ipsum, ut faucibus nulla. Nullam mattis volutpat
        dolor, eu porta magna facilisis ut. In ultricies, purus sed pellentesque
        mollis, nibh tortor semper elit, eget rutrum purus nulla id quam.</p>
    </div>
</div>
<a href="#modal" role="button" class="btn" data-toggle="modal">Click Me</a>
</body>
</html>

при запуске страницы весь фон серый и не интерактивный (ничего не сделать <a href="#modal" не нажимается) в чем проблема?

@kloks · 20.10.2014, 23:16

Без какой либо ненависти отношусь к новичкам, пишущих на javascipt, но отношусь очень плохо к "программистам" на jquery.

По теме: эта строка $('#modal') означает что мы ищем элемент с id="modal" . У ссылки нужно указать атрибут id="modal", а не указывать это в href.

HTML5

1	<a href="#" id="modal" role="button" class="btn" data-toggle="modal">Click Me</a>

Чтобы инициировать клик по ссылке, назначаем событие click.

Javascript

1
2
3

$("#modal").click(function() {
    // Тут открываем модальное окно. Не совсем понял что тут писать :)
});

@~~ТОрчОК~~ · 21.10.2014, 00:16 **[ТС]**

kloks, id в другом месте

HTML5

1	<div id="modal" class="modal hide">

это тут не причем
клик по ссылке нужен только из-за

HTML5

1	data-toggle="modal"

который в bootstrap.js.

Добавлено через 7 минут
а то что вы написали это совершенно неверно. просто #modal в href имеет значения ссылки которая никуда не ссылается, а не id. хоть иногда то думать надо наверное

	21.10.2014, 00:16