Kwestia IE9: Dynamicznie utworzone (poprzez innerHTML) przyciski opcji i pola wyboru nie działają

Question

Pracuję nad projektem, który wymaga ode mnie możliwości pobrania html ze strony i wstawienia go na stronę główną. Działa całkowicie w przeglądarce Chrome i Firefox, ale kończy się niepowodzeniem w IE 9. Oto fragment kodu, którego używam.

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 jest wstrzykiwany jest

<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> 

Plus kilka przyciski opcji.

Wszystko wygląda idealnie, ale nie mogę kliknąć pola wyboru ani przycisków opcji.

Answer 1

Nie widzę całego kodu w pytaniu. Ale jestem przy założeniu, że nie umieścić kod wewnątrz inicjatora:

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

Pomoże przeglądarkę, aby zainicjować związane z jego elementów wydarzenia. Wypróbuj to i sprawdź, czy nastąpią jakieś zmiany.

Spróbuj również wyeliminować, jeśli wystąpi błąd w javascript. Spróbuj debugować za pomocą dostępnej przeglądarki. Najlepszym debuggerem javascript, jaki kiedykolwiek spotkałem, jest FireBug, który jest dodatkiem firefox.

Answer 2

Nigdy nie widziałem takiego znacznika wejściowego. Nie miałem jeszcze porannej kawy, ale jestem prawie pewien, że powinno to być samozamykanie, w którym to przypadku nie byłabym zaskoczona, widząc, jak IE rzuca palenie na to, co tam masz.

Domyślam się, że pomysł polegał na wybraniu opcji "Wyłącznie". Etykieta klikalny, w którym to przypadku chcesz tag etykiety wokół wejścia, coś takiego:

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

Daj że wiru.

Answer 3

wszystko, co jest dynamicznie dodawane do domeny, będzie musiało zawierać powiązane z nią działania po załadowaniu na stronę. Upuszczenie kodu za pośrednictwem AJAX nie spowoduje uruchomienia.

spróbować zrobić to w swojej funkcji:

$.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

Wymień

element 

z

$(element) 

będzie działać.