使用 jQuery 工具提示更改标题

Question

好的，我成功实现了 Tooltipster，并且创建了一个标题如下的图像：

<img id="DeviceIvan" class="tooltipsterIvan" src="Slike/urSamsungS7.png"
title="Some Tekst bla bla works great."/>

现在，当我 select 一个不同的选项时，我需要更改标题文本。我通常这样做：

$('#DeviceIvan').html("I have changed the text yo!!!");

但这似乎不起作用。

我也试过：

var image = document.querySelector('img');
image.title = 'Your title'; // Assigning directly to attribute.
image.setAttribute('title', 'Your other title'); // Assigning by method.

但这也没有用。 有人可以使用 jQuery 帮助更改标题吗？

Answer 1

你的问题很"minimal"...
因为我看不到你是如何实现的 Tooltipster, I've done it real simple in this codePen

现在，一旦您实例化了 Tooltipster，要更改标题，您必须首先 destroy，更改标题...
然后，re-instantiate 工具提示。

我在示例中放置了一个按钮来执行此操作。

// On load instantiation of Tooltipster.
$('#DeviceIvan').tooltipster({
  theme: 'tooltipster-punk'
});

$("#test").on("click",function(){

  // Destroy the first instance.
  $('#DeviceIvan').tooltipster("destroy");

  // change the title attribute and re-instantiate.
  $('#DeviceIvan').attr("title","I have changed the text yo!!!").tooltipster({
    theme: 'tooltipster-punk'
  });
});

使用 jQuery 工具提示更改标题

Tooltipster change title using jQuery

jquery

tooltipster