javascript - テキスト表示js機能を使ったイメージマップ - 一部表示されない部分あり

Question

これが機能しない単純な理由があるに違いありませんが、コードを検証しても表示されず、じっと見ただけでは役に立ちませんでした。画像のホットスポットにカーソルを合わせると、ほとんどのテキストが正常に表示されます。ただし、1、5、および 6 とラベル付けされた赤いものは対象外です。

ページの途中にある姿勢の画像を参照してください

私は何が欠けていますか？

Answer 1

@briligg - エスケープ文字の問題です。' 文字(一重引用符) を使用して関数パラメーター (この場合はテキスト) を囲みます。ただし、テキストには、言及されたラベル付きテキストの追加の ' 文字 (一重引用符) が含まれています。この一重引用符は、\' (一重引用符の前にバックスラッシュを追加)を使用してエスケープできます。

オリジナル：

writeText ('Low back - The way flat seats round our low backs is a major reason so many people eventually have weak low backs and experience pain there. It doesn't help that most people sit an awful lot. We are the first walking apes, our pelvis has been extensively modified to allow that to happen. Unfortunately, sitting with this modified pelvis hasn't turned out to be easy.')

変更:

writeText ('Low back - The way flat seats round our low backs is a major reason so many people eventually have weak low backs and experience pain there. It doesn\'t help that most people sit an awful lot. We are the first walking apes, our pelvis has been extensively modified to allow that to happen. Unfortunately, sitting with this modified pelvis hasn\'t turned out to be easy.')