navegadores - jQuery no funciona en Internet Explorer

jquery for ie6

Question

Tengo una función jquery que devuelve datos JSON : esta función funciona en Google Chrome, pero no en Internet Explorer (v11).

$(document).ready(function () {

    $.ajax({
        url: "/../Projects/1/_vti_bin/ListData.svc/Prosjectlist?$select=ID,Tittel,Project_typeValue,Project_heading&$filter=(Project_typeValue%20eq%20%27Type1%27)", 
        method: "GET",
        dataType: "JSON",
        headers: { "accept": "application/json; odata=verbose" },
        success: function (data) {
            $(''#projectRow'').empty();

            $.each(data.d.results, function (index, item) {
                var itemExist = false;
                $.each($(''.projectRow'').find(''h1''), function (index1, item1) {
                    if (item1.innerHTML == item.Project_heading) {
                        itemExist = true;
                        $(item1).parent().append("<h3><a id=''" + item.ID + "'' class=''projectLink'' href=''#''>" + item.Title + "</a></h3>");

                    }
                });
                if (itemExist == false)
                    $(''.projectRow'').append("<div class=''projectHeadingDiv left''><li><h1>" + item.Project_heading + "</h1><h3><a id=''" + item.ID + "'' class=''projectLink'' href=''#''>" + item.Title + "</a></h3></div></li></div>");

            });           
        },
        error: function (error) {
            alert(JSON.stringify(error));
        }
    });

Estoy usando jQuery 1.5.2 (Sharepoint 2010 se vuelve borroso si uso algo más nuevo). He estado buscando el depurador en IE11 y la información está allí, simplemente no se agregará a mi div. Parece que append podría ser el culpable, porque si reemplazo .append() con .html() puedo ver el último elemento en $each-loop . P.ej:

$(item1).parent().html("<h3><a id=''" + item.ID + "'' class=''projectLink'' href=''#''>" + item.Title + "</a></h3>");

¿Alguien sabe por qué .append funciona en Chrome y no en IE? La consola no da ningún mensaje de error, y por lo tanto, no hay pistas. Sin embargo, si cambiara el "Modo documento" en las herramientas de desarrollo IE de 8 (predeterminado) a 9 o superior, parece que funciona como debería.

Cualquier ayuda es muy apreciada.

Answer 1

Tienes dos etiquetas de cierre no coincidentes </div></li> . Reparar HTML y debería funcionar:

<div class=''projectHeadingDiv left''><li><h1>" + item.Project_heading + "</h1><h3><a id=''" + item.ID + "'' class=''projectLink'' href=''#''>" + item.Title + "</a></h3></div>

Chrome y Firefox son más indulgentes con los descuidados desarrolladores. Pero IE es más sensible a este tipo de errores (que en realidad creo que son buenos).