jsクイズの結果に表示されるリンクを取得できません

Question

クイズの回答の「説明」セクションでは、リンクを追加しようとしていますが、htmlは常に削除されます。

これは、.jsファイルの行446にあります

$('#quiz-form').append('<p class="special" id="special_' + key + '" ><strong>Correct answer(s): ' + answer + '</strong> » Explanation: ' + special + '</p>'); 

私は私が見つけることができるリンクと脱出のすべてのバリエーションを試してみたが、それらはすべて単なるテキストとしてタイトルを表示。ここで私が試したものだ、これらは最初の6つの質問ごとに説明セクションに現在ある：

1. special: "<a href='URL'>title</a>"
2. special: "<a href=\'URL\'>title</a>"
3. special: "<a href=&quot;URL&quot;>title</a>"
4. special: "<a href="\&quot;URL\&quot;">title</a>"
5. special: "<a href=\x22URL\x22>title</a>"
6. special: "<a href=\x27URL\x27>title</a>"

残念ながら、回答ページに直接リンクする方法はありません。最初の6つの質問を間違えてスクリーンショットに示されているように説明を表示する必要があります。

ETA：角括弧をエンコードしていて、a href文字列全体がテキストとして表示されています。

special: "<a href='URL'>title</a>" 

<a href='https://www.lawlessfrench.com/vocabulary/introductions/'>Introductions</a> 

進捗

として表示されますか？

https://www.lawlessfrench.com/quizzes-and-tests/proficiency-test-1/

https://www.lawlessfrench.com/wp-content/themes/cassie/js/proficiency-test-1.js

Answer 1

フム、jsFiddleに私のために働きました。たぶん問題は、あなたのjQueryバージョンが古くなっているか、あるいはブラウザまたはjQueryがXSS攻撃を防止しようとしていることです。

special = $('<span>' + value.special + '</span>').html(); 

に

special = value.special; 

を変更してみてください