1

我正在使用以下代码：

（删节的 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 中不起作用。

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

我没有看到任何错误，但是单击教师下拉菜单后，什么也没有发生。在 FireFox 中，单击#faculty下拉列表会清空#faculty并填充#courses.

这段代码中是否有任何关于 Internet Explorer 可能不处理代码的原因显而易见？

4

1 回答 1

1

这可能是导致问题的文档类型中或之前的问题。Netvibes UWA 不会将 IE 置于 quirks 模式（如果它是一个错误）。

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

于 2012-11-07T21:13:00.733 回答