добавить html в div с помощью jQuery

17

Я пытаюсь добавить некоторый дополнительный html в div с слайд-шоу id, используя jQuery. Мой код:

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

Это не работает, может ли кто-нибудь сказать мне, что я делаю неправильно?

    
задан mtwallet 05.05.2010 в 16:28
источник
  • Дэвид Я использую Coda для Mac, который имеет IDE право? но он не показывает ошибок для ошибки, которую я только что сделал. –  mtwallet 05.05.2010 в 16:35
  • Я никогда не пользовался кодой. Но это не обязательно скажет вам, что есть ошибка ... скорее, вы должны уметь видеть, что текст внутри вашей строки не является одним и тем же цветом. –  David Murdoch 05.05.2010 в 16:39
  • Тот факт, что вы пытаетесь добавить 1 строку и отображает несколько цветов, означает, что это скорее всего неправильно. Я не знаком с Coda, но это может быть просто прикольный текстовый редактор (возможно, это все, что вам нужно. IDE более мощные, но они часто медленнее) –  Davy8 05.05.2010 в 16:40
  • Просто показывает их красным, независимо от типа, может видеть, может ли найти надстройку, которая имеет дело с этим. Спасибо за помощь. –  mtwallet 05.05.2010 в 16:41

2 ответа

27

Вы смешиваете кавычки.

Ваша строка переходит от первого " ко второму " , что означает, что строка содержит только "<a id=" . За строкой следует идентификатор prev , затем другая строка, создающая синтаксическую ошибку.

Измените внешние кавычки вокруг строки на ' , например:

'<a id="prev" title="Previous Slide">Previous Slide</a><a id="next" title="Next Slide">Next Slide</a>'
    
ответ дан SLaks 05.05.2010 в 16:29
  • Ahhh Я всегда задумывался об этом. Я видел оба типа, которые использовались ранее. поэтому я всегда должен использовать «а не», как этот $ («# слайды»), а не $ («слайды»)? –  mtwallet 05.05.2010 в 16:31
  • Мне нравится использовать одинарные кавычки в js, это кажется более читаемым - тогда, если вы добавляете в html, вы можете придерживаться двойных кавычек в основном. –  James Westgate 05.05.2010 в 16:33
  • Это вопрос личных предпочтений. Просто не используйте их в одной строке кода, иначе они будут конфликтовать. –  Zack 05.05.2010 в 16:33
  • В Javascript (в отличие от других языков) нет никакой разницы между «Привет!» и «Привет!». (За исключением того, какие котировки должны быть экранированы) –  SLaks 05.05.2010 в 16:34
  • Просто убедитесь, что вы используете внешние кавычки, отличается от того, что вы используете для внутренних кавычек. Если у вас есть внутренние внутренние кавычки, вам, вероятно, придется избегать их, и это становится настоящим уродством. –  Davy8 05.05.2010 в 16:36
Показать остальные комментарии
2

ваш не ускользающий от ваших кавычек, лучший способ исправить это добавить в одиночные кавычки

$("#slideshow").append('<a id="prev" title="Previous Slide">Previous Slide</a><a id="next" title="Next Slide">Next Slide</a>');
    
ответ дан mcgrailm 05.05.2010 в 16:31