jquery - OnMarkerClick 和 JVectorMap

Question

我正在尝试使用 JVectorMap 创建一个 map ，该 map 将在用户单击给定标记后将信息放入 #output div(例如，如果用户单击标记为阿拉斯加的标记，则有关阿拉斯加的事实会弹出在#输出div)。在此处的其他地方，我看到了此代码示例，它输出标签的名称...

onMarkerLabelShow: function(event, label, code) {
    $("#output").html("Some information about "+ label.html());
}

我正在尝试在这里使用开关...

onMarkerLabelShow: function(event, label, code) {
    switch (label) {
        case Alaska:
        $("#output").html($("#alaska-facts");
        [break;]

        case North Carolina:
        $("#output").html($("#nc-facts");
        [break;]

        default:
        $("#output").html("Please select a job site");
        [break;]
    }
}

当我运行此代码时， map 不会显示，我可能完全走错了路。有什么帮助吗？

Answer 1

几个问题:

• label 是一个对象，不会匹配匹配字符串值的简单 case 语句。您可能想要针对 label.text()
进行评估
• case 中的值应加引号字符串(即 "North Carolina"，而不是 North Carolina)
• break; 不应包含在 [] 中(您不需要 break 数组，您想要打破开关)。
• 您缺少使用 jQuery ID 选择器设置 .html() 的行的结束 )

更正示例:

onRegionLabelShow: function(event, label, code) {
   switch (label.text()) {
      case "Alaska":
         $("#output").html($("#alaska-facts"));
         break;

      case "North Carolina":
         $("#output").html($("#nc-facts"));
         break;

      default:
         $("#output").html("Please select a job site");
         break;
   }
}