javascript - 是否可以隐藏/禁用 ImageMapster 中的区域？

Question

我使用以下代码创建了图像映射:

$('img').mapster({
   staticState: true
})

所有区域均被一次选择并可见。有什么方法可以隐藏/禁用某些区域以使它们不可见吗？我想在某些条件下过滤区域。

我知道我可以从 javascript 级别删除“area”标签或 href 属性，然后再次调用上面的代码(再次重新创建 imagemapster)，但是有没有更优雅和更智能的方法？也许有一些内置插件解决方案，但我找不到。

感谢您的帮助。亲切的问候马尔辛

Answer 1

建议你改成

$('img').mapster({
    selected: true,
    isSelectable: false, // can't change of state by simple click
    isDeselectable: false, // can't change of state by simple click
})

您仍然可以在所有区域上绑定(bind) onClick 回调。

一旦您决定不需要哪些区域，您可以通过

设置单独的状态

$("#id_of_area").mapster('set',false);

或来自 map ID

$("img").mapster('set',false,'key or string of keys to deselect');

看来 staticState 只是为了显示，并没有将所有内容设置为选定状态...(我尝试了一些组合并得到了奇怪的结果，例如像选定+突出显示一样使其变暗)

类似这样的http://jsfiddle.net/Wvzgj/529/