svg - 如何使用 jqMobi 按 ID 显示/隐藏 SVG 组

Question

我正在开发交互式 iBook，并且希望能够在用户移动范围滑块上的手柄时显示/隐藏 SVG 地图的图层。我从 Illustrator CS6 导出的 SVG 文件将地图图层显示为具有唯一 ID 的组，例如 . 在将 SVG 文件（使用对象标记——见下文）插入我的 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();
}