Bootstrap modal not show

Question

Я использую php.My ссылку, генерирующую из контроллера.

$ ритейлер [ "URL"] вроде как 0125myimage.jpg

<a onClick="crop('.$retailer["url"].')" data-target="#styledModal3" href="#" class="fa fa-edit lupa"></a> 

Моей функция Javascript

function crop(imgurl) 
{ 
    $('#preview').attr('src',imgurl); 

    $('div#styledModal3').load(function(){ 

     $(this).modal({ 

      keyboard:true, 
      backdrop:true 
     }); 
    }).modal('show'); 

} 

, когда я нажимаю на моей ссылке, то модальный не показываю.

Answer 1

.modal ('шоу') вызов, прежде чем модальные инициализации $ (это) .modal ({

функция, которую вы использовали в качестве аргумента в $ ('# DIV styledModal3'). Нагрузка (только успех обратного вызова, который стрелять только после того, как нагрузка завершена инициализация Так вызывается после того, вы пытаетесь показать ваше модальный

Ваш код должен выглядеть следующим образом

function crop(imgurl) 
{ 
    $('#preview').attr('src',imgurl); 

    $('div#styledModal3').load(function(){ 

     $(this).modal({ 

      keyboard:true, 
      backdrop:true, 
      show: true 
     }); 
    }); 

}