Изменить расположение рамок в jQuery

Question

Я пытаюсь выполнить итерацию по массиву URL-адресов, чтобы установить в качестве местоположений рамки. До сих пор, что у меня есть this fiddle:

var l = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 
     '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', 
     '20', '21', '22', '23', '24', '25', '26', '27', '28', '29']; 

$(document).ready(function() { // Wait until body is ready to be manipulated 
    l.forEach(function (query) { // iterate through l 
     $('#g').on('load', function() { // Wait until #g is loaded 
      $('#g').attr('location', 'http://www.bing.com/search?q=' + query); // goto Bing search 
     }); 
    }); 
}); 

Когда я иду, чтобы запустить его, хотя, ничего не происходит в панели результатов. Что я делаю не так?

Answer 1

Попробуйте что-то вроде этого:

$(document).ready(function() { 
    var $ifr = $('#g'); 
    function load() { 
     if (l.length) { 
      $ifr.one('load', load); 
      $ifr[0].src = 'http://www.bing.com/search?q=' + l.shift(); 
     } 
    } 
    load(); 
}); 

Я думаю, вы должны изменить src атрибут фрейма, а не location.

Answer 2

У вас есть рамка с id-рамкой. измените идентификатор на другое. Вы имели в виду iframe? Используйте contentWindow вместо окна. fiddle

$('#myframe')[0].contentWindow.location = 
         'http://www.bing.com/search?q=' + query; 

Answer 3

Ну вы должны использовать IFRAME для этого (или Object-Tag)

Как об этом?

$(function(){ 
    var l = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 
    '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', 
    '20', '21', '22', '23', '24', '25', '26', '27', '28', '29'], 
    idx = 0; 


(function(){ 
    if(idx < l.length){ 
     $('#frame').attr("src",'http://www.bing.com/search?q='+l[idx]) ; 
     idx++; 
     setTimeout(arguments.callee,5000); 
    }  

}()) 

})