2016-04-10 17 views
1

Bir iframe içindeki bir elemanın css stilini kontrol etmeye çalışıyorum ancak öğeyi bulamıyor gibi görünmüyor.Sorgulamayla iframe içinde css'yi kontrol edin

iframe içinde değil, iframe içinde içerik buluyorum şekilde olması gerekiyorsa iyi çalışıyor.

$('iframe').load(function() {

Çalışma keman: Burada

Eğer ready() yerine load() kullanmalıdır, jquery ile bir iframe bir jsFiddle

var iframe = document.createElement('iframe'); 
var html = '<body><div id="cadrage" style="color:black">Test</div></body>'; 
iframe.src = 'data:text/html;charset=utf-8,' + encodeURI(html); 
document.body.appendChild(iframe); 


$('iframe').ready(function() { 
     if($('iframe').contents().find("#cadrage").css('color') == "rgb(0, 0, 0)") { 
     alert('It equal'); 
     } else { 
     alert('It did not equal'); 
     } 
}); 

cevap

1

olduğunu http://jsfiddle.net/jpaulet/r1y2vrh4/9/

Ve sorunsuz çalışıyor ! Umarım

+0

'un test ettiğimde çalışmadığını görmüyorum. İyi mesaj yok mu? –

+0

Evet, uyarı veriyor: "Bu eşittir" eğer fiddle'i çalıştırırsanız .. –

+0

Eşit değil, jQuery 1.8 ve üstü ile hazır() 'değil mi? –

İlgili konular