2013-06-30 36 views
6

jQuery içeren bir iframe içeriğim var ve iframe'deki içeriğin jQuery kısmı IE'de çalışmıyor (jQuery kullanılmayan kısım gayet iyi çalışıyor ve her şey yolunda çalışıyor. Chrome ve Firefox).iframe içinde çalışmıyor jRery öğesinde

İşte kod:

<!DOCTYPE html> 
<html> 
<head> 
    <title>iframe content</title> 
    <link rel="stylesheet" type="text/css" href="style.css"> 
</head> 
<body> 
    <h1>This heading is showing up just fine.</h1> 
    <div id="jQuery-generated-content"> 
      <!-- content dynamically generated by jQuery plugin This part is not showing in iframe in IE --> 
    </div> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"> </script> 
    <script src="pathTojQueryPlugin.js"></script> 
    <script type="text/javascript"> 
     jQuery.codeToInitiatePlugin 
    </script> 

</body> 
</html> 

göreli ve mutlak yolu, ancak hiçbir şans her ikisi ile, sağ vücut etiketinden sonra, kafasına jQuery kodunu eklemeye çalıştık. Herkes bunun için herhangi bir geçici çözüm ya da IE'nin jQuery okumamasının nedenini biliyorsa çok memnun olurum.

Şimdiden teşekkürler!

+0

Sayfa iframe yerine normal olarak yüklerseniz çalışır mı? – Barmar

+0

Bu kod iframe midir? – raam86

+1

Evet, sayfayı normal olarak yüklerseniz iframe içeriği olarak çalışır. – hotate17

cevap

5

Aynı zamanda bir süre önce de aynı sorunla karşılaştım. Sorun, IE'nin jquery kütüphanesine iframe içinden erişememesi ve dolayısıyla jquery kodunu okuyamaması nedeniyle ortaya çıkar. Tek çözüm, jQuery kodunu javascript’e dönüştürmektir.

Güncelleme: ayrıca sorunu çözebilir jQuery farklı bir sürümünü kullanma

. Alternatif olarak farklı bir jQuery kitaplığı kullanılabilir.

+1

Veya iframe'e ekleyin ... – raam86

+2

Ayrıca jQuery kütüphanesi de yardım etmeyecektir ... bunu denedim. Siz de – Sid

+0

deneyebilirsiniz. Yorumunuz için teşekkürler, Sid. Ama bu özel durumda, jigery kullanmam gerekiyor, çünkü iframe içinde kullandığım jQuery eklentisine ihtiyacım var, ihtiyacım olan tam etki/işlevselliklere sahip.Ve javascript içinde benzerlik/etkileri yeniden oluşturmak için çok zor bir şey ... – hotate17

3

Muhtemelen bunu zaten başka şekilde çözdünüz, ancak başka birinin de bu yazıyı bulması durumunda.

Bazı durumlarda yardımcı olabilecek küçük bir "hile" işte burada.
jQuery kullanmadan önce bu iç iframe ekleyin:

if (window.jQuery) { 
    jQuery = window.jQuery; 
    $ = window.jQuery; 
} 

sayfa içeren iframe jQuery olmalıdır Ancak. (Ve tercihen, aynı sürüm)

4

:

Bu yasal bir jQuery 1.10.1 hata olduğunu: http://bugs.jquery.com/ticket/13980.

kullanarak Benim durumumda Source

,

...

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> 

sorunu ..solved. Aynı zamanda ana sayfa ile aynı sürümde oldu (teşekkürler Avigon).

İlgili konular