2011-11-18 21 views
17
$(document).ready(function(){ 
    $('#button').click(function(){ 
     $('.accordion').load('<iframe src="google.com' frameborder="0" scrolling="no" id="myFrame"></iframe>'); 
    }); 
}); 

Bu, google.com'un iframe değerini görüntüleyemez. Herkes nasıl düzeltileceğine dair önerilerde bulunabilir mi?jQuery'yi kullanarak bir iframe nasıl oluşturulur ve sayfada görüntülenebilir?

+1

düzeltmek - jQuery 'load' fonksiyonunun dokümanlar okuyun. Bunun yanı sıra, kodunuzda alıntı yapmak zorundasınız. – ThiefMaster

+2

iframe src kodunda bir sözdizimi hatası var. ("google.com" - çift tırnak ile başladı, tek teklifle sona erer) –

+1

FYI: Bu şekilde google iframe yapamazsınız – happy

cevap

64

jQuery en load function bu şekilde kullanılmaz. Başkalarının yanı sıra bir parametre olarak bir URL alır ve bu URL'den gelen yanıtı yükler. Eğer bir iframe DOM öğesine oluşturmaya çalışıyorsanız

Bunu yapmak için jQuery işlevini kullanın ve istediğiniz yere ekleyin: .accordion bir kap

$('<iframe src="http://google.com" frameborder="0" scrolling="no" id="myFrame"></iframe>') 
    .appendTo('.accordion'); 

veya

$('<iframe>', { 
    src: 'http://google.com', 
    id: 'myFrame', 
    frameborder: 0, 
    scrolling: 'no' 
    }).appendTo('.accordion'); 
0

2 hataları düzeltildi.

  1. Kullanım tam yol (emin değilim zaten gerekli) çift tırnak ile
  2. yakın google.com.

    $ ('. Accordion') ('< iframe src = "http://www.google.com" frameborder = "0" kaydırma = "no" id = "myFrame">');

(iframe etiketi alan Ignore)

2

ise iframe'iniz için şunu deneyin:

$(document).ready(function(){ 
$('#button').click(function(){ 
    $('.accordion').html('<iframe src="google.com" frameborder="0" scrolling="no" id="myFrame"></iframe>'); 
}); 

});

Ve bu alıntı sözdizimi :) Açıkçası çalışmıyor

İlgili konular