Question

好的，我成功实施了Tooltipster，并创建了一个具有以下标题的图像：

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

现在，当我选择其他选项时，我需要更改标题文本。我经常这样做：

$('#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

你的问题非常“微不足道”...... 由于我无法看到您如何实施Tooltipster，因此我在codePen

中完成了这一切。

现在，一旦您实例化了Tooltipster，要更改标题，您需要destroy第一个实例，更改标题...
然后，重新实例化Tooltipster。

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

// 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'
  });
});

Tooltipster使用jQuery更改标题

1 个答案: