仅在单击时加载模态内容

Question

现在，当我加载页面时，会加载iframe内容，使页面加载很长一段时间。如果单击打开模态的按钮，我只需要加载模态中的iframe。以下是我的代码。

Jquery的：

function main(example) {
  example.foo = (function () {
      var x = this ;
      console.log(x);
      return /* () */0;
    });
  return /* () */0;
}

模态：

$('#ticketViewBtn<?php echo $num; ?>').ready(function(){
    var url = $("#ticketModalSrc<?php echo $num; ?>").attr('src');

    $("#ticketView<?php echo $num; ?>").on('hide.bs.modal', function(){
        $("#ticketModalSrc<?php echo $num; ?>").attr('src', '');
    });

    $("#ticketView<?php echo $num; ?>").on('show.bs.modal', function(){
        $("#ticketModalSrc<?php echo $num; ?>").attr('src', url);
    });
});