jquery – 加载内容后显示引导模式

我正在使用Bootstrap 3模式,我在其中从getJson函数加载一些数据.由于模态内的数据加载速度不快,我想显示加载图像/文本.加载所有数据后,显示/打开模态.我发现这个 Thread已经退出了有用但我不知道如何将它放在我的代码中.任何人都可以帮助我吗？

我的功能

function MyFunction(url){
  $('.products-loader').show(); //show the loading image and then??

  $.getJSON(url,function (data){

    var product = data.product;
    var image = 'http://www.webshop.com/i/' + image_id_convert(product.imagE) + '/380x380x2/image.jpg';

    $('.wqs-title').html('<a href="'+ product.url + '">' + product.title + '</a>');
    $('.wqs-description').html(product.description);
    $('.wqs-images').html('<img src="' + image + '"/>');

    //etc....


  });   
}

function MyFunction(url) {
  // Show progress bar
  $('.products-loader').show(); 

  // Make AJAX request to load data
  $.getJSON(url,function (data) {

    // On success show modal
    $('#mymodal').modal('show');

    // Do other stuff
  });   
}