Как загрузить modal от ajax

Question

У меня есть проблема, и я не знаю, как ее описать, У меня есть индексная страница с большим количеством модальных, теперь я не включаю все модальные при загрузке страницы, Я хочу загрузить модальный по AJAX, когда нажимать на ссылки, теперь я послать запрос к контроллеру с помощью AJAX и вернуть renderPartial

return View::make('index.edit_language') 
->with('languageinfo',LanguageInfo::where('user_id',$id)->get()); 

и Аякс функция

$.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> 

это не работает. Надеюсь, вы могли бы понять меня !! спасибо

Answer 1

Это вопрос селектора? Вы определяете 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>