2015-06-26 2 views
1

Я взял код с сайта начальной загрузки, чтобы создать следующую функцию, которая должна автоматически открыть выбранный модальный, если int: ModalId не 0. В студии Vis является красной линией синтаксической ошибки под символом ')' перед .modal, а в хром-отладчике сказано «ошибка типа uncaught, $ (...). modal не является функцией». Что я делаю неправильно?Auto open modal, добавляя переменную к селектору

$(document).ready(function() { 
     if (@Model.ModalId != 0) { 
      $('#accepted_'[email protected]).modal('show'); 
     } 
    }); 

ответ

1

Как вы можете видеть here, важно установить зависимости в правильном порядке.

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css"> 
    <script src="//code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> 
    <script type="text/javascript"> 
    $(document).ready(function() { 
     if (@Model.ModalId != 0) { 
      $('#accepted_'[email protected]).modal('show'); 
     } 
     }); 
    </script> 

Если это не так, PLZ добавить еще код.

+0

Отлично работает! Я не знаю, сколько раз я искал сложные решения проблемы, когда я пропустил очевидный первый шаг. Должен перестать это делать. Поскольку модальная работа уже работала, я не думал, что ей нужны дополнительные ссылки на скрипт-файл, но теперь я вижу, что модальный ('show') нужен bootstrap.min.js. – Jynn

+0

У меня были подобные проблемы. Мы шагаем искать невероятные, когда простые думают, вызывают проблемы. Глэйд помог мне. Если вы хотите принять ответ :) – cs04iz1

2

Вы должны добавить bootstrap.min.js в свой файл index.html.