2015-08-21 3 views
1

Bootstrap Модального кодомBootstrap модальный не работает с CodeIgniter Form_Open()

<!-- Signup Modal --> 
 
<div class="modal fade" id="signUpForm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
 
    <div class="modal-dialog modal-sm"> 
 
    <div class="modal-content"> 
 
     <div class="modal-header"> 
 
     <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span> 
 
     </button> 
 
     <h3 class="modal-title" id="myModalLabel">Please Sing Up</h3> 
 
     </div> 
 
     <div class="modal-body"> 
 
     <?php echo form_open('Registration')?> 
 
     <div class="form-group"> 
 
      <label for="login-email" class="control-label">Email:</label> 
 
      <input type="text" class="form-control" name="login-email" id="login-email"> 
 
     </div> 
 
     <div class="form-group"> 
 
      <label for="username" class="control-label">Username:</label> 
 
      <input type="text" class="form-control" name="username" id="username"> 
 
     </div> 
 
     <div class="form-group"> 
 
      <label for="password" class="control-label">Password:</label> 
 
      <input type="password" class="form-control" name="password" id="password"> 
 
     </div> 
 
     </div> 
 
     <div class="modal-footer"> 
 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
 
     <button type="submit" class="btn btn-primary">Signup</button> 
 
     </div> 
 
     <?php echo form_close()?> 
 
    </div> 
 
    </div> 
 
</div>
И у меня есть контроллер с именем Регистрация. когда я нажимаю кнопку, чтобы запускать модальный, ничего не происходит. Код кнопки, который запускает модальный.

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#signUpForm">Signup 
 
</button>

+0

Просьба рассмотреть пример фактического вывода HTML, трудно сказать, что не так из фрагментов кода выше. – halfzebra

+0

Работает отлично ** [здесь] (https://jsfiddle.net/Guruprasad_Rao/krs26xff/) ** .. Они находятся на отдельной странице? Это не имеет значения, но просто проверьте наличие ошибок консоли! –

+0

Да, он отлично работает с . Но после добавления этой строки модальность не появляется при нажатии кнопки. Да, они на одной странице. Я попробовал присвоить класс своей форме, используя $ attributes = array ('class' => 'form-horizontal'); но тот же результат. –

ответ

0

Добавить ссылку на Jquery и bootstrap.min.js файлов в заголовке, а также добавлять ссылки для загрузочных файлов css.