动态.load文件路径，基于SVG路径单击

Question

所以我用SVG点和raphael.js创建了一个Map。

可以在这里查看http://laithazzam.com/work/helpmeplz/

我正在尝试根据点击的土地质量在页面中加载新内容。

动态完成此操作的最有效方法是什么？每个SVG路径都有一个在path.js文件中定义的名称和URL，理想我喜欢点击以获取id，并将其应用于.html，

例如

单击区域1，它会将area1.html中的内容加载到此文档中的特定div中。

**我确实有点击功能

.click(function(){
        location.href = paths[arr[this.id]].url;

       $(".video-js").animate({
                opacity: 1
            }, 1000);
            $( "#map" ).animate({
                opacity: 0
                }, 2000, function() {
         $( "#map" ).css({ 
            "top" : "-610px",
            "opacity" : "1" 
         });
         $( "#map_btn" ).animate({
             opacity: "1",
             zIndex: "25"
         });
      }); 

        $( "#map_close_btn" ).animate({
                opacity: "0",
                zIndex: "20"
                },500); 
            })
        }
    });

我觉得在这里，我应该能够拉出id，并将其插入

$( "#content" ).load( "area1.html");

但我如何根据点击动态输入“area1.html”？

先谢谢大家，如果您需要我的其他任何东西，请告诉我们！