用jquery创建工具提示不起作用

时间:2010-06-28 12:48:35

标签: jquery

我已经为somwe div创建了一个工具提示,但div donot work.can任何帮助我找出问题的地方。但我不知道创建的新p是否取决于主要的div。因为我把所有的div放到了左边。感谢

$('div#myiris').tooltip({
    track: true, 
    delay: 0, 
    showURL: false, 
    //showBody: "- ", 
    //fade: 250,
    bodyHandler: function(){ return $('<p></p>').html('hello there').css({border:'1px solid black',
    width:'70px', height:'20px',display:'block',color:'blue'});
     }
     });

1 个答案:

答案 0 :(得分:2)

我对你提出的问题也有点困惑,但这里有一些可能会有帮助的事情。

如果您尝试将此工具提示应用于id =“myiris”的div,您只需要这样做:

$(#myiris").tooltip({
     //your code here
});

另外,对于bodyHandler系列,它看起来太多了。也许尝试这样的事情:

bodyHandler: function(){
    $("p").html("hello there").css(
        'border' : '1px solid black',
        'width' : '70px',
        'height' : '20px',
        'display' : 'block',
        'color' : 'blue');
)};

请记住,这会影响所有p标记,除非您使用id指定它或使用$(this)作为参考点使用遍历jQuery选择器(如果您尝试应用工具提示,这将非常有用)比#myiris更多的元素。例如,如果<p>标记是您<div id="myiris">的子标记,那么您可以将其引用为$("#myiris").children("p"),然后继续使用“.html()”,依此类推。我假设.tooltip函数适用于用户悬停的元素,因此此示例将应用于<p>标记,该标记是用户当前悬停的元素的子元素。否则,如果您只将工具提示应用于一个元素#myiris,那么您也可以只使用ID指定<p>标记,然后在bodyHandler中将其引用为$("#yourid")

至于工具提示的位置或偏移量,这可能内置于您正在使用的jQuery插件中,并且应该具有开箱即用的直观行为。我不认为将你的div浮动到右边或左边会影响你的工具提示的位置...我希望工具提示相对于div放置的位置出现,无论其浮动属性如何,甚至相对于光标位置。

希望有所帮助。其他人对我的评论有任何建议或更正吗?

PS - 如果您需要有关此问题的更具体的帮助,您可能需要发布更多代码。包含您正在使用的jquery插件的链接,也可能包含一些html代码。