1

我使用以下代码创建了一个图像映射：

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

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

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

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

4

1 回答 1

0

我建议你改为

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

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

一旦您决定不想要哪些区域，您可以通过以下方式设置各个状态

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

或从地图 ID

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

似乎 staticState 只是为了展示，并没有将所有内容设置为选定状态......（我尝试了一些组合并且有奇怪的结果，比如让它像在选定 + 突出显示上一样变暗）

像这样http://jsfiddle.net/Wvzgj/529/

于 2015-11-11T08:38:09.050 回答