将工具提示文本动态设置为div元素 [英] Setting tooltip text to a div element dynamically

问题描述

我正在尝试动态地将工具提示文本设置为容器（div），并使用jQuery为每个div元素（elem.Alias-Status）添加到有序列表中：

I am trying to set a tooltip text to a container (div) dynamically and using jQuery for each div element (elem.Alias-Status) that I am just adding to the ordered list:

 function addNewElement(elem) {

     var li = $("<li></li>");

     li.prop("class", "ui-state-default");
     li.prop("id", elem.Alias);
     li.text(elem.Name);

     var newItem = '<div id="' + elem.Alias + '-Status" class="elementStatus" tooltipText="' + elem.IP + '"><div class="image"><img id="' + elem.Alias + '-StatusImg" src="@Url.Content("~/images/ongoing.gif")"></div><div id="' + elem.Alias + '-StatusTxt" class="text">Waiting...</div></div>';
     //$('#' + elem.Alias + '-Status').prop('tooltipText', elem. IP);

     li.append(newItem);

     li.appendTo($("#OuterDivContainer"));       
 };

但显然不起作用。在运行时，当我将鼠标悬停在每个鼠标上时，不会显示任何工具提示。而且......我不知道该怎么做。我需要在创建项目的同时在此函数中创建它。

but it is not working obviously. In runtime, when I hover the mouse on each of them, no tooltip is shown. And... I do not know how to do this. I need to create it within this function at the same time item is created.

从另一个迭代所有项（元素）的函数调用上面的函数。然后这个函数作为参数elem传递给addNewElement函数。

Above function is called from another function that is iterating over all the items (elements). Then this function pass as parameter elem to addNewElement function.

任何想法？

我正在使用jquery-ui 1.10.3和jquery 1.10.2

I am using jquery-ui 1.10.3 and jquery 1.10.2

推荐答案

适用于我：

$(yourElement).prop('title', 'yourText');

这篇关于将工具提示文本动态设置为div元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！