У меня есть приложение Laravel. Я не могу заставить модальные формы работать. Я основываю код полностью на this Bootsnipp exampleМодальная коробка в Laravel не появляется
Чтобы проверить это, я определил маршрут «тест», который загружает представление «test.blade.php». Код клинка выглядит следующим образом:
@extends('layout')
@section('content')
<a href="#" data-toggle="modal" data-target="#login-modal">Login</a>
<div class="modal fade" id="login-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
<div class="modal-dialog">
<div class="loginmodal-container">
<h1>Login to Your Account</h1><br>
<form>
<input type="text" name="user" placeholder="Username">
<input type="password" name="pass" placeholder="Password">
<input type="submit" name="login" class="login loginmodal-submit" value="Login">
</form>
<div class="login-help">
<a href="#">Register</a> - <a href="#">Forgot Password</a>
</div>
</div>
</div>
</div>
@stop
У меня есть layout.blade.php файл, в котором я добавляю файл CSS из этого примера.
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" href="{{ asset('css/homepage.css') }}" rel="stylesheet"/>
<link rel="stylesheet" href="{{ asset('css/table.css') }}" rel="stylesheet"/>
<link rel="stylesheet" href="{{ asset('css/modal.css') }}" rel="stylesheet"/>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
Я поместил файл modal.css в папку «public/css». Когда я просматриваю источник страницы, он отображает файл css, который показывает, что он загружается правильно. Тем не менее, модальная коробка не появляется.
Вы включили '' jquery.js' и bootstrap.js'? – Rifki
Да. Я обновил вопрос, как я включил их. Однако я добавил только уменьшенную версию Bootstrap и jQuery. – wiwa1978