2

<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
  }
}
4

2 に答える 2