javascript - IE9 问题 : Dynamically created (through innerHTML) option buttons and check boxes are not working

Question

我正在从事一个项目，该项目要求我能够从页面中获取 html 并将其插入到主网页中。它完全适用于 Chrome 和 Firefox，但在 IE 9 中失败。这是我使用的代码的一部分。

   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);
    }

被注入(inject)的 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>

还有一些选项按钮。

一切看起来都很完美，但我无法单击复选框或选项按钮。

Answer 1

我在你的问题中看不到完整的代码。但我假设您没有将代码放在初始化程序中:

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

这将帮助浏览器初始化与其元素关联的事件。试试这个并检查是否有任何变化。

同时尝试消除 javascript 上是否存在任何错误。尝试使用可用的浏览器进行调试。我遇到过的最好的 javascript 调试器是 FireBug，它是一个 firefox 插件。