2015-11-05 48 views
1

我使用的代碼創建的圖像映射:是否可以在ImageMapster中隱藏/禁用區域?

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

所有地區一次或可見的選擇。有沒有什麼辦法,我可以隱藏/禁用某些區域,以便它們不可見?我想在某些條件下過濾區域。

我知道我可以從javascript級別中刪除'area'標記或href屬性,然後再次調用上述代碼(再次重新創建imagemapster),但是有沒有更優雅更智能的方法?也許有一些內置的插件解決方案,但我找不到。

謝謝你的幫助。 親切的問候 馬辛

回答

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/

+0

感謝您的回覆,但它不像我想要的那樣行事。當你隱藏一個區域時: $(「img」).mapster('set',false,'key or string of key to deselect');當您將鼠標懸停時,它會突出顯示。我想在每個州完全「隱藏」它。 –

+0

您可以嘗試將高光不透明度設置爲0,如下所示:http://jsfiddle.net/Wvzgj/529/檢查區域75和77(科羅拉多州和俄勒岡州)都禁用並且不再突出顯示... – Ryu