单击工具提示器中的标签

Question

我有自定义 html 的提示器

这里是html

<div id="a1" class ="hidden">
        <div class="popover-heading"><%= _("Välj ditt språk") %></div>
        <div class="popover-body">
          <div>
            <a href="#" data-lang="no">
            <%= image_tag "flags/123.png", :class => "flag-image" %> Norsk
            </a>
          </div>
          <div>
            <a href="#" data-lang="de">
            <%= image_tag "flags/122.png", :class => "flag-image" %> Deutsch
            </a>
          </div>
          <div>
            <a href="#" data-lang="nl">
            <%= image_tag "flags/131.png", :class => "flag-image" %> Nederlands
            </a>
          </div>
          <div>
            <a href="#" data-lang="es">
            <%= image_tag "flags/142.png", :class => "flag-image" %> Español
            </a>
          </div>
          <div>
            <a href="#" data-lang="dk">
            <%= image_tag "flags/151.png", :class => "flag-image" %> Dansk
            </a>
          </div>
        </div>
      </div>

这里是 js 代码，我如何在 tooltipster 中显示它

 $(".languages").tooltipster({
    trigger: "custom",
    triggerOpen: {
      mouseenter: true
    },
    triggerClose: {
      click: false,
      scroll: true
    },
    contentAsHTML: true,
    placement: "auto",
    autoClose: false,
    content: $("#a1").html()
  });

我需要点击提示器内容中的标签

我试过这样

 $("#a1").on("click", "a", function() { 
    let lang = $(this).data("lang");
    window.location = "http://flysmarter."+lang;
  });

但它不起作用。
怎么点击？

Answer 1

您应该将工具提示器 interactive 选项设置为 true 以便能够在其中单击。

$(".languages").tooltipster({
     trigger: "custom",
         triggerOpen: {
         mouseenter: true
     },
     triggerClose: {
         click: false,
         scroll: true
     },
    contentAsHTML: true,
    placement: "auto",
    autoClose: false,
    content: $("#a1").html(),
    interactive: true
});

Answer 2

请更正语法并重试：

当前代码：

$("#a1").on("click", "a", function() { 
    let lang = $(this).data("lang");
    window.location = "http://flysmarter."+lang;
  });

更正的代码：

$("#a1").on("click", "a", function() { 
    var lang = $(this).data("lang");
    window.location = "http://flysmarter."+lang;
  });