jQuery を使用して、既存の HTML 要素に基づいてリンクとアンカー タグを作成するページがあります。これは、アンカー タグの出力が少し異なる IE を除いて、私がテストしたすべてのブラウザーで動作します。
その他のブラウザ:
<a class="courseshortcut" name="TitleJanuary12-13,2013"></a>
インターネットエクスプローラ:
<a name="TitleJanuary12-13,2013" class="courseshortcut"/>
これらのアンカー タグへの生成されたリンクは次のようになります。
<a href="#TitleJanuary12-13,2013">January 12-13, 2013 - Miami, FL</a>
document.ready 関数の次のコード セクションは、アンカーを追加します。
//adds the anchor tags
$('.courseentry').each(function() {
var str = $(this).find('.coursetitle').html() + $(this).find('.coursedate').html();
$(this).prepend("<a class='courseshortcut' name='" + str.replace(/\s+/g, '') + "'></a>");
});
この問題が発生する理由がわかりません。誰かが私を啓発できますか?テスト スクリプトのより完全なバージョンは、ここにあります。