Нажмите тег внутри tooltipster

У меня есть tootipster с пользовательским html

Вот html

<div id="a1" class ="hidden">
        <div class="popover-heading"><%= _("Valj ditt sprak") %></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" %> Espanol
            </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;
  });

Но это не работает.
Как я могу щелкнуть по нему?

javascript,jquery,tooltipster,

0

Ответов: 2


0

Исправьте синтаксис и повторите попытку:

Текущий код:

$("#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;
  });

0

Вы должны установить interactiveопцию tooltipster, trueчтобы иметь возможность щелкнуть внутри нее.

$(".languages").tooltipster({
     trigger: "custom",
         triggerOpen: {
         mouseenter: true
     },
     triggerClose: {
         click: false,
         scroll: true
     },
    contentAsHTML: true,
    placement: "auto",
    autoClose: false,
    content: $("#a1").html(),
    interactive: true
});
JavaScript, JQuery, tooltipster,
Похожие вопросы