Форум программистов, компьютерный форум, киберфорум
Наши страницы
C#: ASP.NET MVC
Войти
Регистрация
Восстановить пароль
 
Vla00
8 / 8 / 10
Регистрация: 06.10.2012
Сообщений: 581
1

Неверное отображение модального окна

07.04.2018, 20:43. Просмотров 239. Ответов 11
Метки нет (Все метки)

HTML5
1
2
3
4
5
6
7
8
9
10
    <ul class="nav navbar-nav navbar-right">
        <li>@Html.ActionLink("Регистрация", "Register", "Account", routeValues: null, htmlAttributes: new { @class = "registerLink" })</li>
        <li>@Html.ActionLink("Выполнить вход", "Login", "Account", routeValues: null, htmlAttributes: new { id = "loginLink" })</li>
    </ul>
    }
 
<div id="modal-register" class="modal fade">
    <div class="modal-dialog" id="modal-register-login">
    </div>
</div>
Javascript
1
2
3
4
5
6
7
8
9
10
$(function () {
    $.ajaxSetup({ cache: false });
    $(".registerLink").click(function (e) {
        e.preventDefault();
        $.get(this.href, function (data) {
            $('#modal-register-login').html(data);
            $('#modal-register').modal('show');
        });
    });
})
Неверное отображение модального окна

И ни один элемент не активен.
Никаких ошибок браузер не выдает.
В чем проблема?
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
07.04.2018, 20:43
Ответы с готовыми решениями:

Вызов модального окна
Форумчане выручайте плз есть обычный контроллер public class HomeController : Controller ...

Обновление модального окна без закрытия
Здравствуйте хотел спросить может кто знает. Есть модальное окно bootstrap. В нем есть данные. Как...

MVC и w2ui.grid - неверное отображение в браузерах
Здравствуйте. Подскажите, пожалуйста. Задача в следующем: есть json (набор данных для таблицы)...

Неверное отображение ASP.net сайта в браузерах
Доброго времени суток! Начал писать сайт на asp.net. Однако в разных браузерах отображается...

Как сделать закрытие модального окна по нажатию кнопки "отправить"?
окно на fancybox, но оно не закрывается после отправки формы, надо отдельно нажимать крестик или на...

11
IamRain
1435 / 1274 / 403
Регистрация: 02.08.2011
Сообщений: 3,769
07.04.2018, 21:19 2
1. Смотрите стили.
2. Если это бутстраповское окно, то, судя по докам, в modal-dialog должен быть div c классом modal-content, следующей структуры:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                ...
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
            </div>
        </div>
Насколько я понял, как минимум modal-body должен присутствовать.
0
Vla00
8 / 8 / 10
Регистрация: 06.10.2012
Сообщений: 581
07.04.2018, 21:51  [ТС] 3
Цитата Сообщение от IamRain Посмотреть сообщение
2. Если это бутстраповское окно, то, судя по докам, в modal-dialog должен быть div c классом modal-content, следующей структуры:
Верно в view которую я вызываю такой код:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
@model autoParts.Models.RegisterViewModel
 
        <div class="modal-content">
            <div class="modal-header" style="padding: 35px 50px;">
                <button type="button" class="close" data-dissmiss="modal" aria-hidden="true">&times;</button>
                <h4>
                    <span class="glyphicon glyphicon-lock"></span>Регистрация
                </h4>
            </div>
            <div class="modal-body" style="padding:40px 50px;">
                @Html.ValidationSummary("", new { @class = "text-danger" })
                <div class="row row-margin">
                    <div class="col-sm-4">
                        @Html.LabelFor(m => m.Family)
                    </div>
                    <div class="col-sm-8">
                        @Html.TextBoxFor(m => m.Family)
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dissmiss="modal">Закрыть</button>
                <button type="button" class="btn btn-primary">Регистрация</button>
            </div>
        </div>
Но как я понимаю дело не в этом
0
IamRain
1435 / 1274 / 403
Регистрация: 02.08.2011
Сообщений: 3,769
07.04.2018, 23:50 4
Смотрите стили, какое конкретное правило делает неактивным ваши input-ы.
0
07.04.2018, 23:50
Vla00
8 / 8 / 10
Регистрация: 06.10.2012
Сообщений: 581
08.04.2018, 08:57  [ТС] 5
Цитата Сообщение от IamRain Посмотреть сообщение
Смотрите стили, какое конкретное правило делает неактивным ваши input-ы.
не только input, button, и прочие. Т.е. такое чувство что весь
HTML5
1
<div class="modal-dialog" id="modal-register-login">
блокируется.
0
IamRain
1435 / 1274 / 403
Регистрация: 02.08.2011
Сообщений: 3,769
08.04.2018, 09:17 6
В браузере F12 -> Вкладка Computed.
Смотрите все фактические свойства.
0
Vla00
8 / 8 / 10
Регистрация: 06.10.2012
Сообщений: 581
08.04.2018, 09:58  [ТС] 7
Цитата Сообщение от IamRain Посмотреть сообщение
В браузере F12 -> Вкладка Computed.
Смотрите все фактические свойства.
Нет такой вкладки.
Создал чистый проект и ничего не добавлял, единственное переписал код на модальное окно - результат такой же.
0
IamRain
1435 / 1274 / 403
Регистрация: 02.08.2011
Сообщений: 3,769
08.04.2018, 11:01 8
Цитата Сообщение от Vla00 Посмотреть сообщение
Нет такой вкладки.
В хроме и родственных браузерах есть:
0
Миниатюры
Неверное отображение модального окна  
Vla00
8 / 8 / 10
Регистрация: 06.10.2012
Сообщений: 581
08.04.2018, 11:20  [ТС] 9
Попробовал вставить готовый код который предлагает bootstrap
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
    Launch demo modal
</button>
 
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                ...
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
            </div>
        </div>
    </div>
</div>
Эффект тот же.
0
Code-Monstr
3 / 3 / 0
Регистрация: 02.03.2018
Сообщений: 37
Завершенные тесты: 1
09.04.2018, 08:15 10
Vla00, Единственное правильное решение, посмотреть какое правило, делает элементы неактивным
0
Vla00
8 / 8 / 10
Регистрация: 06.10.2012
Сообщений: 581
09.04.2018, 12:40  [ТС] 11
Цитата Сообщение от Code-Monstr Посмотреть сообщение
Единственное правильное решение, посмотреть какое правило, делает элементы неактивным
Как это вычислить?
0
IamRain
1435 / 1274 / 403
Регистрация: 02.08.2011
Сообщений: 3,769
09.04.2018, 13:22 12
Зайти на вкладку "Вычисленные" браузера (Computed), как уже выше было сказано.
0
09.04.2018, 13:22
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
09.04.2018, 13:22

Неверное отображение окна при FormBorderStyle = none
Привет уже в н-ый раз за сутки всем! Сделал простую формочку с datetimepicker и батоном....

Как написать скрипт для скрытия модального окна при клике вне окна(на боди) ?
У меня модальное окно вообще даже не открывается при нажатии на кнопку,потому что у меня так...

Модального окна
Здравствуйте, можно ли сделать, чтобы содержимое модального окна для каждой ссылки было разным, и...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
12
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2019, vBulletin Solutions, Inc.
Рейтинг@Mail.ru