Question

我正在使用以下代码：

（删节JavaScript）

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

（删节HTML）

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

        </span>

        <span id="courses">

        </span>

        <span id="courses_reset">

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

在FireFox中完美运行，但在Internet Explorer 9中不起作用。

值得注意的是IE因为我正在使用的Netvibes UWA小部件框架处于“Quirks”模式，所以我无法控制它进入标准模式。

我没有看到任何错误，但在点击教师下拉列表时，没有任何反应。在FireFox中，点击#faculty下拉列表#faculty并填充#courses。

此代码中是否有任何内容显示为何Internet Explorer可能无法处理代码？

Answer 1

这可能是您的doctype之前或之前导致问题的问题。 Netvibes UWA不会将IE置于怪癖模式（如果这是一个bug）。

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

在Quirks Mode中的IE9 ..这个代码可能导致什么问题？

1 个答案: