jQuery atributo del elemento del mapa en el IE

Question

La siguiente jQuery funciona bien en Firefox para mí, pero no en IE6:

$("<map></map>").attr("name",somevar).appendTo("#someElement"); 

El problema es que el elemento del mapa nunca se pone el atributo de nombre genera el cual puedo demostrar llamando alert($("#someElement").html()); y el hecho de que la imagen que se asocia con no tiene sus enlaces

Si utilizo este lugar, que funciona bien:

$("<map name='" + somevar + "'></map>").appendTo("#someElement"); 

estoy h para usar la segunda línea de código, pero me preguntaba si alguien más tuvo este problema ... o una explicación de por qué no funcionó (me pregunto si es específico del atributo de nombre) ...

(salida HTML de primero y segundo escenario):

IE6 usando la primera línea:

<MAP><AREA shape=RECT coords=0,0,300,110 href="http://google.com"></MAP><IMG height=215 src="include/nav-images/main.png" width=591 useMap=#tehmap> 

IE6 utilizando la segunda línea:

<MAP name=tehmap><AREA shape=RECT coords=0,0,300,110 href="http://google.com"></MAP><IMG height=215 src="include/nav-images/main.png" width=591 useMap=#tehmap> 

Answer 1

(Este es más material de comentarios, pero como es tan largo no tengo más remedio que publicarlo como respuesta. Es de esperar que alguien podría apuntar en la dirección correcta)

Algunos resultados de las investigaciones, utilizando Internet Explorer 8 que funciona en modo IE 7 (que también presenta este problema.):

$('<map />').attr('x', 'abc').wrap('<div />').parent().html() 
"<MAP x="abc"></MAP>" 

... se puede ajustar correctamente cualquier otro elemento de una etiqueta map. Pero espere ...

>>$('<map />').attr('name', 'abc').attr('name') 
"abc" 

Así que se está estableciendo. Pero por alguna razón, el HTML devuelto por .html() lo deja fuera. ¿Por qué? El objeto real es correcto, pero no está renderizando el marcado correctamente.

Aún más extraño:

>>$('#dummy').append($('<map />').attr("name", "abc")) 
>>$('#dummy').html() 
"<MAP></MAP>" 

Pero si miro el HTML de acuerdo con las herramientas de desarrollo de IE, es ...

<map submitName="abc"/> 

investigué esto un poco más lejos, y encontraron esta pregunta: ¿

Weird behaviour of iframe `name` attribute set by jQuery in IE

y una cita relevante de la respuesta aceptada:

Así que lo que parece estar sucediendo es que IE-hasta-7 redirige todo el uso de los atributos llamado nombre a una propiedad de lo contrario invisible , llamado internamente submitName, que por campos de formulario cambia los datos del campo generará como parte de un envío del formulario, pero que no cambia el atributo de nombre real utilizado para la indexación HTMLCollection, de radio-agrupación, getElementsByName, o, en el caso de [i] marcos, segmentación.

Este parece ser el caso con cualquier elemento que use el atributo name semánticamente. Por ejemplo:

>>$('#dummy').append($('<div />').attr("name", "abc")) 
>>$('#dummy').append($('<input />').attr("name", "abc")) 
>>$('#dummy').html() 
"<DIV name="abc"></DIV><INPUT>" 

Parece una extraña manifestación de un error de IE relativamente común, así de simple. Como ya tiene una solución alternativa, le diría que se quede con ella, pero con algo de suerte, alguien más puede venir y explicar esto un poco mejor.

Answer 2

IE tiene problemas con la inserción de DOM. Si se utiliza este formato:

$('#someElement).appendTo("<map></map>").attr("name",somevar);

que cree que puede tener mejor suerte.