2014-12-16 6 views
0

Я пытаюсь заставить мода Bootstrap3 работать через Ajax Load с помощью CodeIgniter. Я пробовал this, но он все еще не работает. Он настолько прост в использовании, когда я следую тому, что находится в документах, но я хочу, чтобы это было через нагрузку ajax, как и то, что я сделал для начальной загрузки 2.3.2. Я пытаюсь понять это на пару дней, но не повезло.Bootstrap 3 Modal Via Ajax Load (CodeIgniter)

Вот мой код:

Вид: (тот, который вызывает модальность)

<li role="presentation"> 
    <a data-toggle="modal" href="<?php echo $this->config->item('Ompty_URL'); ?>/edit" data-target="#myModal">Edit Information</a> 
</li> 

Контроллер:

function edit(){ 
    $this->load->view('system/modals/edit_form'); 
} 

Вид: (содержание моего модальный)

<!-- Modal --> 
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
<div class="modal-dialog"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
      <h4 class="modal-title">Modal title</h4> 

     </div> 
     <div class="modal-body"><div class="te"></div></div> 
     <div class="modal-footer"> 
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
      <button type="button" class="btn btn-primary">Save changes</button> 
     </div> 
    </div> 
    <!-- /.modal-content --> 
</div> 
<!-- /.modal-dialog --> 
</div> 
<!-- /.modal --> 

Может ли кто-нибудь мне помочь?

+0

эй вы не изменили модальный идентификатор к условиям, пожалуйста, примените это – Niyati

+0

My bad! Я уже редактировал свой код. Спасибо, что заметили. –

ответ

0

Ваши модальные обертки id не соответствует вашим ссылкам data-target.

Изменения:

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 

к:

<div class="modal fade" id="terms" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 

Надеется, что это помогает!

+0

Спасибо за ответ. Да, я уже редактировал свой код, но не повезло. Все еще не работает. –

+0

Я сделал улучшение. Мой модальный показывается, но CSS - беспорядок. Модаль не центрирован, и я не могу щелкнуть по нему. –

+0

Похоже, что это должно было бы быть поставлено в совершенно другой вопрос, поскольку есть много разных возможностей, почему это произойдет. –

Смежные вопросы