Question

我尝试使用JQuery更改Foundation Zurb工具提示文本，但到目前为止都没有成功。

我的代码不会替换工具提示中的文字，而是删除工具提示，只替换标题。

<i id="fav-123" class="fa fa-star item-display-button fav-button active" data-tooltip class="has-tip" title="Remove move from favorites"></i>
<i id="fav-456" class="fa fa-star item-display-button fav-button" data-tooltip class="has-tip" title="Add to favorites"></i>

我的Javascript代码段（从AJAX调用中返回消息 - 对于已添加或者＆＃39;对于已移除，其中包含＆＃39; ：

if (msg == 'a') {
    $(target).removeAttr('title');
    Foundation.libs.tooltip.getTip($('#'+target.id)).remove();
    $(target).prop('title','Remove move from favorite');
    $(target).addClass('active');
} else if (msg == 'r') {
    $(target).removeAttr('title');
    Foundation.libs.tooltip.getTip($('#'+target.id)).remove();
    $(target).prop('title','Add move to favorites');
    $(target).removeClass('active');
}

有什么建议吗？

谢谢！

Answer 1

您应该更改Zurb Foundation生成的元素工具提示html的值。

<p>
    <a href="#" id="fav-123" class="item-display-button fav-button active" data-tooltip="" title="">test</a>
     </p>
<span data-selector="fav-123" class="tooltip" style="visibility: visible; display: none; width: auto; top: 31px; bottom: auto; left: auto; right: auto;">Changed!</span></body>

通过属性“data-selector”更改映射到元素的范围的html。

我希望这能解决你的问题！

Updated jsFiddle

更换Zurb Foundation的工具提示

1 个答案: