Javascript IE9处于怪癖模式。。什么可能导致此代码出现问题？

我正在使用以下代码：

（简体JavaScript）

Input={}；
Input.URL=http://my.script.location/script.php';
Input.populateFaculties=函数（）{
$（“#课程”）.empty（）；
$（“#课程#重置”）.empty（）；
$（“#学院”）。附加（“”）；
对于（var i=0；i

（HTML摘要）

课程

这在FireFox中非常有效，但在InternetExplorer9中不起作用

值得注意的是，由于我使用的Netvibes UWA小部件框架，IE处于“怪癖”模式，因此我无法控制将其强制进入标准模式

我没有看到任何错误，但单击教员下拉列表后，什么也没有发生。在FireFox中，单击

#faculty

下拉列表将清空

#faculty

并填充

#courses

---

此代码中是否有任何明显的原因表明Internet Explorer可能无法处理此代码？

可能是doctype中或之前的问题导致了此问题。Netvibes UWA不会将IE置于怪癖模式（如果它这样做，那就是一个bug）

---

向代码提供链接/粘贴可能会有所帮助。

可能是doctype中或之前的问题导致了该问题。Netvibes UWA不会将IE置于怪癖模式（如果它这样做，那就是一个bug）

---

为代码提供链接/粘贴可能会有所帮助。

如果缺少doctype，IE将进入quirks mode并进行一些调试，以确保所有代码都在运行，并且元素都已被选中。quirks mode为“IE 5.5 mode”。如果您的框架不允许您退出此模式，可能是时候找到一个更好的框架，或者要求他们更新代码。如果缺少doctype，IE将进入quirks mode进行一些调试，以确保所有代码都在运行并且元素都已被选中。quirks mode是“IE 5.5 mode”。如果你的框架不能让你摆脱这种模式，也许是时候找一个更好的框架，或者让他们更新他们的代码了。

Input = {};
Input.URL = 'http://my.script.location/script.php';

Input.populateFaculties = function() {
    $('#courses').empty();
    $('#courses_reset').empty();

    $('#faculties').append('<select id="faculty_populated"></select>');

    for (var i = 0; i < Input.courses.length; i++) {
        $('#faculty_populated').append('<option value="' + Input.courses[i].Faculty_ID + '">' + Input.courses[i].Title + '</option>');
    }

    $('#faculty_populated').on("click", "option", function(event) {
        var id = $(this).val();
        UWA.Data.getJson(Input.URL + '?cmd=populateCourses&faculty=' + id, Input.populateCourses);
    });
}

Input.populateCourses = function(data) {
    $('#faculties').empty();
    $('#courses_reset').html('<img src="/user/74/138869.png" style="width:24px;" alt="Reset options" />');

    $('#courses_reset').on("click", "img", function(event) {
        Input.populateFaculties();
    });

    $('#courses').append('<select id="courses_populated"></select>');

    for (var i = 0; i < data.length; i++) {
        $('#courses_populated').append('<option value="' + data[i].Course_ID + '">' + data[i].Course + '</option>');
    }
}

<tr>
    <td class="left">Course</td>
    <td>
        <span id="faculties">

        </span>

        <span id="courses">

        </span>

        <span id="courses_reset">

        </span>
    </td>
</tr>