@polakware

Почему перестал работать скрипт?

В консоли пусто

<button id="signin" data-toggle="modal" data-target="#login" class="btn btn-warning shadow-sm p-3 mb-5 rounded" >Sign In</button>

<div class="modal fade" id="login" tabindex="-1" role="dialog" aria-labelledby="login" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Login | 365CHANGER.store</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <input type="text" name="login" placeholder="Login">
                <input type="password" name="password" placeholder="Password">
                <button class="btn btn-warning">Login!</button>
                <p>Not registered yet? <a id="showregister" href="/" data-toggle="modal" data-target="#register">Register now!</p>
            </div>
        </div>
    </div>

<div class="modal fade" id="register" tabindex="-1" role="dialog" aria-labelledby="register" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Register | 365CHANGER.store</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <input type="text" name="login" placeholder="Login">
                <input type="email" name="email" placeholder="Mail">
                <input type="password" name="password" placeholder="Password">
                <button class="btn btn-warning">Register!</button>
                <p>Already registered? <a id="showlogin" href="/" data-toggle="modal" data-target="#login">Sign in!</p></a>
            </div>
        </div>
    </div>
</div>


<script>
    $('#showlogin').click(function() {
        $('#login').modal('show');
        $('#register').modal('hide');
    });

    $('#showregister').click(function() {
        $('#register').modal('show');
        $('#login').modal('hide');
    });
</script>
  • Вопрос задан
  • 49 просмотров
Пригласить эксперта
Ответы на вопрос 1
@antanol
Во-первых, вот в этой строке вы перепутали местами закрывающие теги р и а
<p>Already registered? <a id="showlogin" href="/" data-toggle="modal" data-target="#login">Sign in!</p></a>


Во-вторых, первая же статья по вашему запросу выдала. что должны быть подключены следующие скрипты:
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>


Мне это помогло, вот ваш рабочий код :)
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы