Error de Javascript IE: llamada inesperada al método o acceso a la propiedad

Question

Tengo el siguiente código y está funcionando (como de costumbre) en todo menos en IE. Me está dando una llamada inesperada al método o acceso a la propiedad en Jquery y no tengo ni idea de cómo depurarlo. He estado usando la barra de herramientas del desarrollador de IE, que es inútil para este error y simplemente me da una línea no 12 (dentro del script jquery).

Cualquier ayuda es muy apreciada v:

<script type="text/javascript"> 
$(document).ready(function() { 

    $.history.init(pageload); 

    $('a[href=' + window.location.hash + ']').addClass('selected'); 

    $('a[rel=ajax]').click(function() { 

     var hash = this.href; 
     hash = hash.replace(/^.*#/, ''); 
     $.history.load(hash); 

     $('a[rel=ajax]').removeClass('selected'); 
     $(this).addClass('selected'); 
     $('.loading').show(); 

     getPage(); 

     return false; 
    }); 
}); 

function pageload(hash) { 
    if (hash) getPage(); 
} 

function getPage() { 

    hash = document.location.hash; 
    hash = hash.replace(/^.*#/, ''); 
    var data = 'page=' + encodeURIComponent(hash); 
    $.ajax({ 
     url: "index.php", 
     type: "POST", 
     data: data, 
     cache: false, 
     success: function (html) { 
      $('.loading').hide(); 
      $('tbody').html(html); 

     } 
    }); 
} 
</script> 

Aquí es el complemento de la historia: http://plugins.jquery.com/project/history

Y aquí es la demostración que he estado siguiendo: http://plugins.jquery.com/project/history

Aún cambiando window.location volver a document.location no parece hacer la diferencia

Im perdido o n este. Cuando cambio la etiqueta, la invocación sí la publica, por lo que funciona, pero es decir, el diseño está roto y los siguientes enlaces en los que hago clic no se publican. Realmente !! extraño, funciona bien en FF, Opera, etc

Answer 1

Estoy un poco sorprendido de IE se queja de ello, pero es una buena cosa que hace: Te estás perdiendo una declaración en getPage para hash (por ejemplo, puso var delante del primer uso).

En los otros es de suponer la creación de una implícita mundial (una propiedad del objeto window llamada hash), que por supuesto es un (tm) Bad Thing, pero como yo lo entiendo es correcta de acuerdo a la especificación (las secciones pertinentes siendo 8.7 ["Referencia Tipo"] y 10.1.4 ["Cadena de alcance y resolución de identificador"]).

Todavía estoy sorprendido de que IE se está quejando de eso. Debe tener que ver con el alcance en el que jQuery llama a su manejador de clics.

Answer 2

No puedo encontrar un método de la historia en el jQuery API así que supongo que es ya sea:

• Un complemento de terceros.
• Una llamada indirecta al buen viejo objeto window.history.
• Un objeto personalizado que ha creado.

Mi conjetura es que el IE (bien conocido por contaminar el alcance global haciendo todo lo global) piensa que cualquier referencia a la historia significa en realidad window.history Y cada vez es confuso. Si se trata de un objeto personalizado, intente cambiarle el nombre a myHistory o cualquier otra cosa.

Answer 3

Creo que el Sr. Crowder está trabajando en algo. Por lo que puedo decir de la fuente de jQuery, si el fragmento de HTML devuelto no contiene ninguna etiqueta <script>, y no tiene algunas otras características no muy probables, entonces jQuery probablemente intente meterlo en su <tbody> elemento mediante el uso de la propiedad "innerHTML". IE no le gusta eso.

Lo que debe hacer es envolver todo <table> en un dummy <div> y luego reconstruir todo desde su fragmento de HTML.

Answer 4

Será el:

$('tbody').html(html); 

IE lanza un error cuando se intenta poner ciertas cosas en el interior de algunos nodos. Por ejemplo

$('<input>').append('</p>') 

Para solucionar este problema, agregue la html a un elemento diferente. Por ejemplo, usted podría intentar:

$('table').html('<tbody>' + html + '</tbody>'); 

Answer 5

Si recibe este error al utilizar elementos de HTML5 en Internet Explorer, asegúrese de que está utilizando html5shim para contar IE que estos son elementos reales.

Answer 6

Tuve este problema en una aplicación web que utilizaba elementos HTML5. Cuando incluí el script Modernizr en las páginas, el problema fue resuelto.

Answer 7

Tuve el mismo problema. Originalmente había una lista de selección que se estaba añadiendo a ella. En el camino, la selección se cambió a un campo de entrada. Intentar agregar una etiqueta de opción a un campo de entrada parece hacer que IE no esté satisfecho.

Answer 8

Tuve el mismo problema en este momento. Me parece que sucede para elementos no visibles. Verifique si su elemento está visible en el momento de llamar al .html().

Answer 9

¿Está configurando los campos de entrada?

Tuve el mismo problema, recorriendo una serie de valores, pero había cambiado un cuadro de texto a una entrada. Chrome simplemente lo ignora, pero IE 8 explota.

$("#someID").html("someValue") = boom! en IE 8 si alguna ID es una entrada

Ya tuve la llamada val, pero necesitaba eliminar la html.

$("#someID").val("someValue") = buena