usmaps.js事件綁定

Question

我想弄清楚這一點的代碼，但我不能。我已經嘗試了很多次來破譯這個。有人可以幫我嗎。

$('#map').usmap({ 
    <event>State: { 
    'MD' : function(event, data) { 
     console.log('You interacted with the state of Maryland'); 
    } 
    } 
}); 

我希望這是一個點擊事件。

Answer 1

我最終完成它像這樣

click: function(event, data) { 
     if(data.name == "AK" || data.name == "AL" || data.name == "OR" || data.name == "CO" || data.name == "WA"){ 
      $('#clicked-state').text("Marijuana is legalized for recreational use for those over the age of 21 in " + data.name); 
     } 
     else if(data.name == "CA" || data.name == "NV" || data.name == "MT" || data.name == "AZ" || data.name == "MN" || data.name == "IL" || data.name == "MI" || data.name == "NY" || data.name == "VT" || data.name == "NH" || data.name == "ME" || data.name == "MA" || data.name == "CT" || data.name == "NJ" || data.name == "MD" || data.name == "DE" || data.name == "RI" || data.name == "DC"){ 
      $('#clicked-state').text("Medical marijuana is legalized in " + data.name); 
     } 
     else{ 
      $('#clicked-state').text("Marijuana is illegal in " + data.name); 
     } 
    } 

Answer 2

的載文顯示此：

$('#map').usmap({ 
    // The click action 
    click: function(event, data) { 
    $('#clicked-state') 
     .text('You clicked: '+data.name) 
     .parent().effect('highlight', {color: '#C7F464'}, 2000); 
    } 
}); 

你嘗試這樣呢？

編輯：

$('#map').usmap({ 
    clickState: { 
    'NY' : function(event, data) { 
     console.log('You interacted with the state of Maryland'); 
    } 
    } 
}); 

這樣你就可以只在一個狀態點擊。