/ / Bootstrap - Modal не работи? - jquery, html, css, twitter-bootstrap, twitter-bootstrap-3

Bootstrap - Modal не работи? - jquery, html, css, twitter-bootstrap, twitter-bootstrap-3

Аз съм доста нов за Bootstrap и уеб дизайна като цяло. Просто не разбирам защо някои неща в Bootstrap не работят! В момента се опитвам да използвам модал.

Trigger:

<a data-toggle="modal" href="#myModal" class="btn btn-primary btn-lg">Launch demo modal</a>

Прехвърляне на:

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title">Modal title</h4>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->

Опитах да направя моя Modal и няма да работи, така че аз дори просто извадих този код от статията "Overflow Stack" и не изглежда да работи за мен.

Защо няма да работи?

Scripts:

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="js/init.js"></script>

Отговори:

1 за отговор № 1

Ако приемем, че използвате Bootstrap 3 като този кодпредполага, че кодът е правилен. Включили ли сте в bootstrap.js или bootstrap.min.js актива в заглавката на вашата страница? Модалният режим изисква някой от тези JS файлове.


1 за отговор № 2

Това решение определено ще работи, но това не е добра идея, Тъй като ви разбирам, че искате да покажете модално върху котва click.just да направи едно нещо. На котва, кликнете върху това ..

$(function(){
$(".btn-lg").click(function(){
$("#myModal").toggleClass("in");
});
});

Моля, уведомете ни, ако ви помага, ще създам фрагмент, ако искате.