<object>
建物の 3 つの異なるフロアを表す 3つのSVG要素があります。下部には、単純な操作を行うそれらの間を移動するための 3 つのボタンがhide()
ありshow()
ます。
ページをロードすると、スクリプトが svg のいくつかのインタラクティブ要素をセットアップしますが、ナビゲーション ボタンでフロアを切り替えると、インタラクティブな svg 要素がリセットされて機能が失われます。
インタラクティブな要素
どうすればこれを防ぐことができますか? スクリプトはFirefoxで動作しているようです。
フロアを非表示/表示するコードは次のとおりです。
function showMap(mapId){
var map = (typeof(mapId)=="string")? $('#'+mapId) : $(mapId);
if(!map.is(':visible')){
maps.hide(); // hides all svg objects
map.show(); // display the selected one
}
}