jquery - IE の Imagemapster で強調表示/選択された領域が黒くなる

Question

http://www2.wou.edu/pls/wou2/jalcanter10.video_tour.p_main

このページは他のブラウザでは正常に動作しますが、何を見ればよいかわかりません。領域は点灯して選択されますが、2 番目の画像が表示される代わりに、領域が黒く塗りつぶされます。

Answer 1

問題は、ImageMapster を github raw ソースから直接リンクしていることです。

<script type="text/javascript" 
 src="https://raw.github.com/jamietre/ImageMapster/master/dist/jquery.imagemapster.js"
</script>

このアイデアは、私が以前に投稿した jsfiddle の例から得た可能性があります。これは Chrome でのテストには十分に機能しますが、運用 Web サイトにはまったく適していません。IE で機能しない理由は、ソース ツリーからファイルを提供するときに、Github が正しい MIME タイプを送信しないためです。Chrome と Firefox は気にしませんが、IE は気にします。しかし、さらに重要なことは、この場所のスクリプトがいつでも変更される可能性があることです。バグのある開発コードの更新がプッシュされると、動作しなくなる可能性があります。

スクリプトを自分のサーバーにコピーして、そこにリンクするだけです。