一次顯示兩個jQuery UI工具提示

使用jQuery UI ToolTip plug-in，如何一次顯示多個工具提示？一次顯示兩個jQuery UI工具提示

我最多顯示兩個工具提示的原因是我有一個字段的信息性消息，並且可能是該字段的錯誤消息。

當前HTML如下：

<li title="This is an informational ToolTip message"> 
    <input type="text" class="error" title="This is an error ToolTip message"> 
</li>

當前的JavaScript：

$('body').tooltip({ 
    track: true 
}); 
$('body').tooltip({ 
    items: '.error', 
    position: {my: 'left bottom-15', at: 'left top', collision: 'flipfit'}, 
    track: true 
});

目前的問題是在進入<li>，信息工具提示時顯示正常，但當鼠標進入在字段本身上，信息性工具提示淡出，僅顯示錯誤工具提示。我需要同時顯示。

來源

2013-07-12 Donald Taylor

這引發紅旗的可用性。錯誤應該可以訪問，並且不會出現在工具提示中。你確定你想走這條路嗎？如果是這樣，我會使用jQuery將第二條消息附加到單個工具提示中。 – isherwood

它被稱爲工具提示，而不是工具提示的原因。如果你仍然想實現它，爲什麼不寫一個小插件？ – Learner

爲什麼首先需要2個工具提示？你能不能把多個提示/說明放在一個工具提示中？ – Learner

我強制你的問題工作。但它很醜陋。我不建議你這樣做。但請給出你的想法。

這個想法是使用一個工具提示打開/關閉事件來以編程方式控制其他工具提示。

請參閱的jsfiddle例如：jsfiddle

$('li').tooltip({ 
    track: true, 
    open: function(event, ui) { 
     $('input').tooltip('open'); 
    }, 
    close: function(event, ui) { 
     $('input').tooltip('close'); 
    } 
}); 
$('input').tooltip({ 
    items: '.error', 
    position: {my: 'left bottom-15', at: 'left top', collision: 'flipfit'}, 
    track: true, 
    open: function(event, ui) { 
     $('li').tooltip('open'); 
    }, 
    close: function(event, ui) { 
     $('li').tooltip('close'); 
    } 

});

來源

2013-07-16 14:40:35 caoglish

恭喜。 –

-1

您應該將preventDefault（）應用於Li元素的OnOver偵聽器。

來源

2013-07-15 16:05:06 Marco

如果是我的話......我只是包括從第一工具提示在錯誤提示中的內容底部的文字...

var i="this is INFO tooltip text" 

Tooltip 1 = i 

Tooltip 2 = "Error text" + i

對不起，不能給你真正的代碼，因爲我不使用jQuery的 - 只是JavaScript的，而應該是足夠的，反正簡單...

來源

2013-07-22 14:14:39

一次顯示兩個jQuery UI工具提示

回答

相關問題