2010-06-28 58 views
0

我已經創建了一個工具提示somwe divs但div donot work.can任何幫助我找出問題的地方,但我不知道如果創建新的P取決於位置因爲我把所有的div都放在了左邊。謝謝創建與jQuery不工作的工具提示

$('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'}); 
    } 
    }); 
+0

什麼?甚至不能開始思考你的意思 – 2010-06-28 13:44:03

回答

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代碼。