Question

我有一个带有zipcode finder的网页。该页面位于http://www.medicalwastedisposaltexas.org/locations.php

该页面需要永远加载，因为;在后台所有这些谷歌地图iframe正在加载。

我的问题是;有没有办法在调用时只加载iframe？因此，在输入邮政编码并单击go按钮之前，地图不会加载？

代码：

   $(document).ready(function(){
      var zipCodes = [60538,60504];
      $("#buttontest").click(function(){
      var zipIndex = zipCodes.indexOf(parseInt($("#full_day").val()));
      $("#zipMessage > div").hide("fast");
      var zipId = zipIndex > -1 ? zipCodes[zipIndex] : "Error";
     $("#zip"+zipId).show("fast");
     });

     $("#full_day").keydown(function(e){
     if(e.which === 13){
        $("#buttontest").click();
         }
      });
   });

工作示例：http://jsfiddle.net/7SPGh/20/

Answer 1

从iframe中移除src属性，并在搜索后分配：

$('#iframe_id').attr('src', 'http://maps.google.com/?params=');

示例：

http://jsfiddle.net/7SPGh/28/

仅在事件调用时加载iframe

1 个答案: