私はインタラクティブな iBook に取り組んでおり、ユーザーがレンジ スライダーのハンドルを動かしたときに SVG マップのレイヤーを表示/非表示にできるようにしたいと考えています。Illustrator CS6 からエクスポートした SVG ファイルでは、マップ レイヤーが . SVG ファイル (object タグを使用 - 以下を参照) を HTML5 ドキュメントに挿入する前に、p 要素をマップ レイヤーのプレースホルダーとして表示/非表示にしてコードをテストしたところ、問題なく動作しました。しかし、同じ方法で SVG グループに対処することはできません。任意の支援をいただければ幸いです。どうも。
HTMLから:
<div id="mapreveal">
<object data="rainshadowMap.svg" type="image/svg+xml" width="600" height="860">
</object>
</div>
スクリプトから:
function showOnMap(value) {
if(value>=1910){
$('#a10').show();
$('#t10').show();
}else if(value<1910){
$('#a10').hide();
$('#t10').hide();
}
if (value>=1913){
$('#a13').show();
$('#t13').show();
}else if(value<1913){
$('#a13').hide();
$('#t13').hide();
}