2010-05-05 21 views
17

Estoy tratando de agregar algunos html adicionales a un div con presentación de diapositivas usando jQuery. Mi código:agregar html a div con jQuery

$("#slideshow").append("<a id="prev" title="Previous Slide">Previous Slide</a><a id="next" title="Next Slide">Next Slide</a>"); 

Esto no está funcionando, puede alguien decirme lo que estoy haciendo mal?

+0

David que utilizo Coda para Mac es un IDE ¿verdad? pero no muestra ningún error por el error que acabo de cometer. – mtwallet

+0

Nunca he usado coda. Pero no necesariamente te dirá que hay un error ... más bien, deberías poder ver que el texto dentro de tu cadena no es del mismo color. –

+0

El hecho de que intentes agregar 1 cadena y muestra varios colores significa que es muy probable que esté mal. No estoy familiarizado con Coda pero puede ser solo un editor de texto elegante (que puede ser todo lo que necesita. Los IDE son más potentes pero a menudo son más lentos) – Davy8

Respuesta

27

Estás mezclando citas.

Su cadena va desde la primera " hasta la segunda ", lo que significa que la cadena solo contiene "<a id=". La cadena es seguida por el identificador prev, luego otra cadena, creando un error de sintaxis.

Cambiar las cotizaciones exterior alrededor de la cuerda a ', como este:

'<a id="prev" title="Previous Slide">Previous Slide</a><a id="next" title="Next Slide">Next Slide</a>' 
+0

Ahhh Siempre me pregunté sobre eso. He visto los dos tipos usados ​​antes. entonces siempre debería usar 'y no' como $ ('# slides') y no $ ("diapositivas")? – mtwallet

+0

Me gusta usar las comillas simples en js, parece más legible, entonces, si se anexa en html puede seguir con las comillas dobles en su mayoría. –

+0

Esa es una cuestión de preferencia personal. Simplemente no use ambos en la misma línea de código o de lo contrario entrarán en conflicto. – Zack

2

su no escapar de sus cotizaciones mejor manera de solucionar es poner el append entre comillas simples

$("#slideshow").append('<a id="prev" title="Previous Slide">Previous Slide</a><a id="next" title="Next Slide">Next Slide</a>'); 
Cuestiones relacionadas