как загрузить модал с помощью ajax
У меня есть проблема, и я не знаю, как ее описать,
У меня есть индексная страница с большим количеством модальных, теперь я не включаю все модальные, когда страница будет загружаться,
я хочу загрузить этот модал с помощью ajax, когда нажимаю на их ссылки,
Теперь я отправляю запрос к контроллеру по ajax и возвращаю renderPartial.
return View::make('index.edit_language')
->with('languageinfo',LanguageInfo::where('user_id',$id)->get());
и функция AJAX
$.ajax({
type: "POST",
url : "modal/lang",
success : function (data) {
// alert('ok');
$("#links").html(data);
$('#edit_lang_Modal').modal();
}
});
теперь все работает хорошо, но когда показывают, что модальный, JS не работает!
это означает, что когда я нажимаю на ссылку, как это
<div class="mre_repeat_item lang_mre_repeat_item">
<a href="#">add +</a>
</div>
<script type="text/javascript">
$('#lang_mre_repeat_item').click(function() {
alert('ok');
});
</script>
это не работает.
я надеюсь, что вы меня поняли !! спасибо
Решение
Это проблема селектора? Вы определяете div как это:
добавить +
И вы регистрируете прослушиватель событий так:
<script type="text/javascript">
$('#lang_mre_repeat_item').click(function() {
alert('ok');
});
</script>
Я предполагаю, что это должно быть:
<script type="text/javascript">
$('.lang_mre_repeat_item').click(function(event) {
event.preventDefault();
event.stopImmediatePropagation();
$.ajax({
type: "POST",
url : "modal/lang",
success : function (data) {
// alert('ok');
$("#links").html(data);
$('#edit_lang_Modal').modal();
}
});
});
</script>
Другие решения
Других решений пока нет …