2014-01-07 79 views
2

我不能讓jQueryUI的支付任何注意提示設置,我想申請jQueryUI的工具提示設置忽略

var li = jQuery('<li title="test">test</li>'); 
jQuery(myUl).append(li); 

jQuery(li).tooltip({ 
    track: true, 
    position: { 
     my: "left top", 
     at: "bottom", 
     using: function (position, feedback) { 
      $(this).css(position); 
      $("<div>").addClass("arrow") 
     } 
    }, 
    content: function() { 
     return $(this).attr('title'); 
    } 
}); 

我知道提示()函數被調用,因爲我可以把它註釋掉並且顯示恢復到標準工具提示,但參數中沒有任何內容對顯示有任何影響。我的首要任務是讓內容出現在多行上,因爲我在正確的位置添加了<br />標籤。但到目前爲止,它們總是顯示給用戶。

幫助!

+0

它似乎是一個用戶錯誤。我不知道Bootstrap也提供了一個Tooltip功能,它在這裏佔據着優先權。一旦我開始使用Bootstrap Tooltip選項,他們就用得很好 – Craig

回答

0

刪除行:

var li = jQuery('<li title="test">test</li>'); 

<li>元件直接添加到jQuery的:

jQuery('li').tooltip({ 
    track: true, 
    position: { 
    my: "left top", 
    at: "bottom", 
    using: function (position, feedback) { 
     $(this).css(position); 
     $("<div>").addClass("arrow") 
    } 
    }, 
    content: function() { 
    return $(this).attr('title'); 
    } 
}); 
+0

我正在創建這些li元素,根據規範,您可以像這樣傳遞元素。我錯過了添加元素的行,我會更新這個問題。請注意,雖然tooltip()函數正在運行,並且正在修改這些元素上的工具提示,但是這些工具提示的設置與 – Craig

1

這似乎是一個用戶錯誤。我不知道Bootstrap也提供了一個Tooltip功能,它在這裏佔據着優先權。一旦我開始使用Bootstrap Tooltip選項,他們就用得很好

+0

存在問題+1由於完全相同的原因,我在一個小時內丟失了一小時。感謝分享併爲我節省了幾個小時! – Episodex