IE9 Sorun: Dinamik olarak (innerHTML aracılığıyla) seçenek düğmeleri ve onay kutuları çalışmıyor

Question

Bir sayfadan html almam ve ana web sayfasına eklememi gerektiren bir proje üzerinde çalışıyorum. Tamamen Chrome ve Firefox'ta çalışıyor, ancak IE 9'da başarısız oluyor. İşte kullandığım kodun kesilmesi. Enjekte edilen

if (!element.data('cache')) { 

     $('#contentHolder').html('<img src="ajax_preloader.gif" width="64" height="64" class="preloader" />'); 

     $.get(element.data('page'), function (msg) { 
     $('#contentHolder').html(msg); 

     /* After page was received, add it to the cache for the current hyperlink: */ 
      element.data('cache', msg); 
      setTimeout("checkonbox()", 100); 
     }); 
    } 
    else { 
     $('#contentHolder').html(element.data('cache')); 
     setTimeout("checkonbox()", 100); 
    } 

HTML

<table style="width:400px; height: 388px; text-align: left;" align="left"> 
<tr> 
<td><input id="Checkbox0" type="checkbox" onclick="changebuttons();" checked="true"> 
Exclusive.</input></td> 
</tr> 
</table> 

Artı biraz daha seçenek düğmeleri olduğunu.

Her şey mükemmel görünüyor, ancak onay kutusunu veya seçenek düğmelerini tıklayamıyorum.

Answer 1

Sorunuzdaki kodun tamamını göremiyorum. Ama başlatıcısı içinde kod koymak değil varsayarak ediyorum: Bu unsurlarıyla bağlantılı olayları başlatmak için tarayıcı yardımcı olacaktır

$(function() { 
     // your jQuery code here. 
    }); 

. Bunu deneyin ve herhangi bir değişiklik olup olmadığını kontrol edin. Javascript üzerinde herhangi bir hata olup olmadığını da ortadan kaldırmaya çalışın. Kullanılabilir tarayıcıyla hata ayıklamaya çalışın. Şimdiye kadar karşılaştığım en iyi javascript hata ayıklayıcısı, bir firefox addon olan FireBug'dur.

Answer 2

Hiç böyle yazılmış bir giriş etiketi görmedim. Henüz sabah kahveleri yedim, ama eminim ki, kendiliğinden kapanması gerekiyor, bu durumda IE neyin var olduğunu görmek için hiç şaşırmadım.

Sanırım fikir "Ayrıcalığı" yapmaktı. Eğer giriş etrafında bir etiket etiketi istediğiniz bu durumda etiket tıklanabilir, böyle bir şey:

<label for="Checkbox0"><input id="Checkbox0" type="checkbox" onclick="changebuttons();" checked="true" />Exclusive.</label> 

bir koşuşturma ver. Dinamik olarak dom'a eklenen herhangi bir şey, sayfaya yüklendikten sonra ona bağlı eylemlere sahip olmak zorundadır.

Answer 3

Kodun AJAX ile bırakılması koşturmayacaktır. Fonksiyonunuzda bunu

deneyin:

$.get(element.data('page'), function (msg) { 
     $('#contentHolder').html(msg); 

     //this will bind your input field via javascript 
     $('input#Checkbox0').click(changebuttons); 

     /* After page was received, add it to the cache for the current hyperlink: */ 
      element.data('cache', msg); 
      setTimeout("checkonbox()", 100); 
}); 

Answer 4

işe yarayacak

$(element) 

ile

element 

değiştirin.