partyzanx
@partyzanx

Как вставлять внутрь большие блоки информации?

Вопрос по функции append. Почему вот такой скрипт работает
<script>
$( ".wo3" ).append( "<p>Test</p>" );
</script>
, а такой нет
<script>
$( ".wo3" ).append( "<span class="mb ch w">
<span class="w">我</span>
<span class="p1"> wǒ </span>
<span class="p2"> wɔ↝ </span>
<span class="p3"> wɔ3 </span> 
<img class="an" src="/Strokeorder/grammar_hsk1/3-1-0-9/wo3.gif">
<a class="sound" data-sound="grammar_hsk1/3-1-0-9/ch/wo3.mp3"></a>
</span>" );
</script>
  • Вопрос задан
  • 113 просмотров
Решения вопроса 2
IonDen
@IonDen
JavaScript developer. IonDen.com
Потому что у вас кавычки сломаны.

Есть 2 варианта решения
1. Вложенные кавычки должны быть другие (снаружи двойные - внутри одинарные и наоборот). Например так: append("<div class='test'></div>")
2. Вложенные кавычки должны быть заескейплены. Например так: append("<div class=\"test\"></div>")
Ответ написан
Проблема в кавычках и переносах
$( ".wo3" ).append([
	'<span class="mb ch w">',
		'<span class="w">我</span>',
		'<span class="p1"> wǒ </span>',
		'<span class="p2"> wɔ↝ </span>',
		'<span class="p3"> wɔ3 </span>',
		'<img class="an" src="/Strokeorder/grammar_hsk1/3-1-0-9/wo3.gif">',
		'<a class="sound" data-sound="grammar_hsk1/3-1-0-9/ch/wo3.mp3"></a>',
	'</span>',
].join(""));

или
$( ".wo3" ).append( '<span class="mb ch w">\
	<span class="w">我</span>\
	<span class="p1"> wǒ </span>\
	<span class="p2"> wɔ↝ </span>\
	<span class="p3"> wɔ3 </span>\
	<img class="an" src="/Strokeorder/grammar_hsk1/3-1-0-9/wo3.gif">\
	<a class="sound" data-sound="grammar_hsk1/3-1-0-9/ch/wo3.mp3"></a>\
</span>' );
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы