Question

我继承了一个项目，它需要一些修改，但我无法解决所有已经完成的事情。

基本上它是一个分成区域的地图。当您将鼠标悬停在某个区域上时，该区域会更改颜色并弹出工具提示。

现在这很好。但我还想添加一个点击功能，但对于我的生活，我无法弄清楚如何。大多数数据似乎都存储在JS文件中：

jQuery(function($) {
      $(function() {
            debugger;
            $("#unmaskUKMap").mapael({
                  map: {
                    // Set the name of the map to display
                    name: "uk_new",
                    defaultArea: {
                      attrs: {
                        stroke: "#fff",
                        "stroke-width": 1,
                        "fill": "#D0D0D0"
                      },
                      attrsHover: {
                        "stroke-width": 2,
                        "fill": "#0065AE"
                      }
                    }
                  },
                  areas: {
                    "wales": {
                      href: "#",
                      tooltip: {
                        content: "<h3>Wales</h3>" +
                          "Number of insolvencies" +
                          "<ul>" +
                          "<li><span class='quarter'>Q1 2014: </span><span>134</span></li>" +
                          "<li><span class='quarter'>Q1 2015: </span><span>137</span></li>" +
                          "</ul>" +
                          "<ul>" +
                          "High Risk Sectors" +
                          "<li>Services</li>" +
                          "<li>Construction</li>" +
                          "<li>Retail</li>" +
                          "</ul>"
                      }
                    },

因此，您可以看到鼠标悬停在工具提示上弹出并为区域着色。

我想以某种方式能够触发一个模式在点击时打开。

通常我会使用：

<a href="#myModalBigDataSearching" role="button" data-toggle="modal"</a>

虽然在这种情况下我不需要按钮，所以我想我删除角色部分。

我无法将其添加到任何区域，因为它会破坏其余的代码，我无法找到如何将其添加到href：section中，如果这甚至可能的话？

在Jquery里面打开模态

0 个答案: