Vấn đề IE9: Nút tùy chọn được tạo động (thông qua innerHTML) và các hộp kiểm không hoạt động

Question

Tôi đang làm việc trên một dự án yêu cầu tôi có thể lấy html từ trang và chèn nó vào trang web chính. Nó hoạt động hoàn toàn trong Chrome và Firefox, nhưng nó không thành công trong IE 9. Đây là một đoạn mã được cắt ra khỏi mã mà tôi sử dụng.

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 được tiêm là

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

Thêm một số nút tùy chọn hơn.

Mọi thứ xuất hiện hoàn hảo, nhưng tôi không thể nhấp vào hộp kiểm hoặc các nút tùy chọn.

Answer 1

Tôi không thể xem mã hoàn chỉnh trong câu hỏi của bạn. Nhưng tôi giả định rằng bạn không đặt mã bên trong bộ khởi tạo:

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

Điều này sẽ giúp trình duyệt khởi tạo sự kiện liên quan đến các thành phần của nó. Hãy thử điều này và kiểm tra xem có thay đổi nào xảy ra không.

Cũng cố gắng loại bỏ nếu có bất kỳ lỗi nào trên javascript. Cố gắng gỡ lỗi với trình duyệt có sẵn. Trình gỡ lỗi javascript tốt nhất mà tôi từng gặp là FireBug, là một addon firefox.

Answer 2

Tôi chưa bao giờ thấy thẻ đầu vào được viết như thế. Tôi chưa có cà phê buổi sáng của mình, nhưng tôi khá chắc chắn rằng nó phải tự đóng, trong trường hợp đó tôi sẽ không ngạc nhiên khi thấy IE vạch ra những gì bạn có ở đó.

Tôi đoán ý tưởng là đặt "Độc quyền". nhãn có thể nhấp, trong trường hợp này bạn muốn có thẻ nhãn xung quanh đầu vào của mình, như sau:

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

Cho một vòng xoáy.

Answer 3

mọi thứ được thêm động vào dom sẽ phải có các hành động được liên kết với nó sau khi được tải vào trang. Chỉ cần thả mã trong thông qua AJAX sẽ không làm cho nó chạy.

thử làm điều này trong chức năng của bạn:

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

Thay

element 

với

$(element) 

nó sẽ làm việc.