Question

我有带有自定义html的tootipster

这是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代码，如何在工具提示中显示

 $(".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

请更正语法，然后重试：

当前代码：

INSERT INTO

更正的代码：

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

Answer 2

您应该将工具提示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
});

点击工具提示中的标签

2 个答案: