在javascript上更改src iframe无法正常工作

Question

我尝试在js中改变src ifame，但我不能成功。 i帧总是空的，没有新窗口src的内容。如果我把src放在iframe中它的工作（我不能这样做，因为我需要id到src并且我在js函数上得到了它）

<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog modal-lg">
  <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal">&times;</button>
    </div>
    <div class="modal-body">
  <iframe src=""  id="iframePOP" style="zoom:0.60" width="99.6%" height="250" frameborder="0"></iframe>

    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-default text-center" data-dismiss="modal">close</button>
    </div>
  </div>
</div>

JS：

 function ShowPopup(id) {



        $('#myModal').on('show', function () {

                   document.getElementById("iframePOP").src="/Game.aspx?GameId=" + id;


        });
        $('#myModal').modal({ show: true })

    }

我也试过这个：

 function ShowPopup(id) {
        var frameSrc = "/Game.aspx?GameId=" + id;


        $('#myModal').on('show', function () {

            $('iframe').attr("src", frameSrc);


        });
        $('#myModal').modal({ show: true })

    }