модал не выскакивает полностью в начальной загрузке 4 с помощью .net mvc 4 - PullRequest
Новая
       43

модал не выскакивает полностью в начальной загрузке 4 с помощью .net mvc 4

0 голосов
/ 17 декабря 2018

У меня есть модал, который должен всплывать и отображать видео на основе идентификатора, но появляется только серый фон модала, а не реальный модал. Можете ли вы помочь мне с этим?Код выглядит следующим образом: 

                <div class="row">
                    <button class="btn btn-primary" type="button" id="ajax@(Model.Movies.FirstOrDefault().MovieID)" data-toggle="modal" data-target="#ajax@(Model.Movies.FirstOrDefault().MovieID)">Watch Now</button>
                    <button class="btn btn-success" type="button">Download <span class="fa fa-download"></span></button>
                </div>
                <br />
    <div class="modal fade" id="ajax@(Model.Movies.FirstOrDefault().MovieID)" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <h3>@Html.DisplayNameFor(model => model.Movies.FirstOrDefault().Title)</h3>
                </div>
                <div class="modal-body">
                    <video id="video" poster="~/Images/cool cat.jpg"
                           controls="controls"
                           loop="loop">
                        <source src="@Url.Content(Model.Movies.FirstOrDefault().VideoFilePath)" type="video/mp4">
                    </video>
                </div>
                <div class="modal-footer">
                    <button type="button" id="btnClose" class="btn btn-primary" data-dismiss="modal"><span class="glyphicon-folder-close"></span>Close</button>
                    <button type="button" class="btn btn-success">Download</button>
                </div>
            </div>
        </div>
    </div>
}
...