Verwenden von jQuery UI Dialog mit Tooltip bewirkt beim Öffnen Tooltip-Anzeige, schweben nicht

Question

ich den Tooltip und Dialog, wie so ein:

$(document).ready(function() { 
    $("#dialog").dialog({ autoOpen: false }); 
    $(document).tooltip(); 

, aber wenn ich den Dialog öffnen später seine enge Tooltip erscheint immer auf Öffnung, NOT nur schwebend wie erwartet. Hat jemand anderes dieses Verhalten gesehen/weiß warum es auftritt?

Answer 1

eine Lösung gefunden:

$("*").tooltip(); 
$('.ui-dialog-titlebar-close').tooltip('disable') 

Arbeiten anstelle der oben

Answer 2

die items Option Festlegen der titlebar schließen Widgets Dialog auszuschließen scheint 1.9+

$(document).tooltip({ 
    items: '*:not(.ui-dialog-titlebar-close)' 
}); 

in jQueryUI für mich gut zu funktionieren

Answer 3

Tooltip wird angezeigt, weil eine Schaltfläche automatisch den Fokus erhält, wenn ein Dialogfeld geöffnet wird (dies ist ein seltsames Verhalten). Sie müssen ein Attribut "tabindex" zu jedem Element im Dialog hinzufügen, um dies zu vermeiden.

Zum Beispiel:

<table tabindex="1"> 

Answer 4

gute Lösung für mich mit 1.11.3 jQuery und 1.10.4 Jui

$.ui.dialog.prototype._focusTabbable = function(){}; 

Es wird Autofokus desaktivieren und Auto-Pop-up sieht nicht mehr

Answer 5

I Verwendung:

$ (".selector") .dialog ({closeText: ""});

Answer 6

Nach dialog's documentation:

Auf einen Dialog zu öffnen, wird der Fokus automatisch zu dem ersten Elemente bewegt, dass die folgenden Partien:

• Das erste Element im Dialog mit dem Autofokus-Attribute
• Das erste: tabbable Element im Inhalt des Dialogs
• Das erste: tabbable Element innerhalb des Dialogs buttonp ane
• Die Schaltfläche zum Schließen des Dialog
• Der Dialog selbst

So war meine Lösung autofocus in ein leeres div am oberen Rand des Formulars hinzufügen ich in meinem Dialog mit:

<form action="" method="post" accept-charset="utf-8"> 
    <div class="stealFocus" autofocus></div>