2010-05-05 11 views
17

Sto provando ad aggiungere qualche html aggiuntivo a un div con la presentazione di ID usando jQuery. Il mio codice:aggiungi 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>"); 

Questo non funziona, qualcuno può dirmi che cosa sto facendo male?

+0

David Io uso Coda per Mac è un IDE giusto? ma non mostra alcun errore per l'errore che ho appena fatto. – mtwallet

+0

Non ho mai usato la coda. Ma non ti dirà necessariamente che c'è un errore ... piuttosto, dovresti essere in grado di vedere che il testo all'interno della tua stringa non è tutto dello stesso colore. –

+0

Il fatto che si stia cercando di aggiungere 1 stringa e che mostri più colori significa che è molto probabile che sia sbagliato. Non ho familiarità con Coda ma potrebbe essere solo un editor di testo di fantasia (che potrebbe essere tutto ciò che serve. Gli IDE sono più potenti ma sono spesso più lenti) – Davy8

risposta

27

Stai mescolando citazioni.

La stringa va dal primo " al secondo ", il che significa che la stringa contiene solo "<a id=". La stringa è seguita dall'identificatore prev, quindi da un'altra stringa, creando un errore di sintassi.

Modificare le citazioni esterne intorno alla stringa da ', come questo:

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

Ahhh, mi sono sempre chiesto questo. Ho visto entrambi i tipi usati prima. quindi dovrei sempre usare "e non" come questo $ ('# diapositive') e non $ ("diapositive")? – mtwallet

+0

Mi piace usare le virgolette singole in js, sembra più leggibile - quindi se stai aggiungendo html puoi attaccare per lo più le virgolette per lo più –

+0

Questa è una questione di preferenze personali, ma non usare entrambi nella stessa riga di codice altrimenti entreranno in conflitto – Zack

2

vostro non fuggire le vostre citazioni modo migliore per risolvere è quello di mettere l'accodamento tra apici

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