僅在事件調用時加載iframe

我有一個帶有郵政編碼查找器的網頁。頁面在這裏http://www.medicalwastedisposaltexas.org/locations.php 僅在事件調用時加載iframe

該頁面需要永久加載，因爲;在後臺加載所有這些google map iframe。

我的問題是;有沒有辦法只在調用時加載iframe？所以地圖不會加載，直到輸入郵政編碼並單擊go按鈕？

CODE：

$(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/

來源

2014-04-08 user3498478

由於'src'屬性加載了iframe。如果你一開始沒有填寫，但只有在輸入郵編時，這個辦法才行。 –

你應該只使用一個iframe，並在需要時設置src –

在自己的iframe中取出src屬性和搜索後，分配給它：

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

例子：

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

來源

2014-04-08 13:56:29

我沒有做正確的事情你可以在小提琴上使用這個例子，並按照建議更新代碼？ http://jsfiddle.net/7SPGh/20/ – user3498478

更新的答案，檢查示例。 –

我有另一個問題，我發佈了關於這個特定的主題和代碼。 – user3498478

僅在事件調用時加載iframe

回答

相關問題