2014-11-03 7 views
0

Мой модальный ДИВ является:bootstrap modal не работает?

<div class="modal" id="showmodal"><!-- content here --> </div> 

Теперь я называю это с данных рычажками = «модальный» следующий якорь приходит с DOM:

<a class="c" data-toggle="modal" data-target="#showmodal">click </a> 

и его работу. Теперь, когда я добавив еще одно звено из JavaScript, как следующий

<a class data-toggle="modal" data-target="#showmodal">click </a> 

Это не работает. Может кто-нибудь сказать почему? Заранее спасибо.

+0

Пожалуйста, проверьте эту ссылку: http://stackoverflow.com/questions/20463344/bootstrap-modal-doesnt-show/20463582#20463582 –

ответ

1

Когда вы добавили первый тег

<a class="c" data-toggle="modal" data-target="#showmodal">click </a> 

bootstrap.js знает на какой элемент его нужно прикрепить модель события окна. но когда вы динамически добавляются

<a class data-toggle="modal" data-target="#showmodal">click </a> 

bootstrap.js не знает элемент существует в DOM. , поэтому вам нужно вручную вызвать функцию js для открытия модели.

$('#showmodal').modal(options) 

В вашем JS-коде. Надеюсь, это поможет.

+0

я думаю, что они использовали событие делегат! – Fisherman

+0

В нем не упоминается документ. – Sandeeproop

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